SortableGridListAn sortable grid list (based on GridList component)

UX Guidelines

Dev

PlaygroundCode Example

TIP

This component extends the lists/GridList props.

APIThis is the list of additional props for the component

data

any[] & {id: string}

Data of items with an id prop as unique identifierDo not update 'data' in 'onOrderChange' (i.e. for each order change); only update it when you change the items (i.g. adding and removing an item).

extraData

any

Pass any extra data that should trigger a re-render

flexMigration

boolean

A temporary migration flag for enabling flex on the list's container (like it should be by default)

onOrderChange

(newData: T[], newOrder: ItemsOrder) => void

Order change callback

orderByIndex

boolean

Wether to reorder the items by index instead of by swapping locations. Items will move to the new index by pushing other items ahead or aback instead of swapping places with the item at the new index.

renderItem

FlatListProps['renderItem']

Custom render item callback