1"use strict";(globalThis.webpackChunkdocs=globalThis.webpackChunkdocs||[]).push([[7080],{5991(e,t,n){n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>a,default:()=>u,frontMatter:()=>o,metadata:()=>r,toc:()=>d});const r=JSON.parse('{"id":"customization/custom-ordering-strategies","title":"Custom Ordering Strategies","description":"","source":"@site/docs/customization/custom-ordering-strategies.md","sourceDirName":"customization","slug":"/customization/custom-ordering-strategies","permalink":"/customization/custom-ordering-strategies","draft":false,"unlisted":false,"editUrl":"https://github.com/MatiPl01/react-native-sortables/edit/main/packages/docs/docs/customization/custom-ordering-strategies.md","tags":[],"version":"current","sidebarPosition":3,"frontMatter":{"sidebar_position":3,"description":""},"sidebar":"tutorialSidebar","previous":{"title":"Item Layout Animations","permalink":"/customization/item-layout-animations"}}');var s=n(4848),i=n(8453);const o={sidebar_position:3,description:""},a="Custom Ordering Strategies",c={},d=[{value:"Props",id:"props",level:2}];function l(e){const t={a:"a",admonition:"admonition",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",strong:"strong",ul:"ul",...(0,i.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"custom-ordering-strategies",children:"Custom Ordering Strategies"})}),"\n",(0,s.jsxs)(t.admonition,{type:"warning",children:[(0,s.jsxs)(t.p,{children:["This page of documentation ",(0,s.jsx)(t.strong,{children:"hasn't been added yet"}),"."]}),(0,s.jsxs)(t.p,{children:["If you want to create a custom ordering strategy, ",(0,s.jsx)(t.strong,{children:"refer to the source code"})," and look at the ",(0,s.jsx)(t.strong,{children:"implementation of predefined"})," ordering strategies."]})]}),"\n",(0,s.jsx)(t.h2,{id:"props",children:"Props"}),"\n",(0,s.jsx)(t.p,{children:"You can find predefined ordering strategies in the respective component's props documentation page:"}),"\n",(0,s.jsxs)(t.ul,{children:["\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"/grid/props#strategy",children:"Sortable Grid"})}),"\n",(0,s.jsx)(t.li,{children:(0,s.jsx)(t.a,{href:"/flex/props#strategy",children:"Sortable Flex"})}),"\n"]})]})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(l,{...e})}):l(e)}},8453(e,t,n){n.d(t,{R:()=>o,x:()=>a});var r=n(6540);const s={},i=r.createContext(s);function o(e){const t=r.useContext(i);return r.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),r.createElement(i.Provider,{value:t},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.