about
Type
string
Leave Yamada UI a star
StarReorder
is a component that allows you to change the order of items using drag and drop.
Type
string
Type
string
Type
string
Type
Booleanish
Type
"none" | "list" | "inline" | "both"
Type
string
Type
string
Type
Booleanish
Type
boolean | "true" | "false" | "mixed"
Type
number
Type
number
Type
string
Type
number
Type
string
Type
type ONLY_FOR_FORMAT =
| boolean
| "page"
| "time"
| "true"
| "false"
| "step"
| "location"
| "date"
Type
string
Type
string
Type
string
Type
Booleanish
Type
"link" | "none" | "copy" | "execute" | "move" | "popup"
Type
string
Type
Booleanish
Type
string
Type
Booleanish
Type
type ONLY_FOR_FORMAT =
| boolean
| "grid"
| "dialog"
| "menu"
| "true"
| "false"
| "listbox"
| "tree"
Type
boolean | "true" | "false" | "grammar" | "spelling"
Type
string
Type
string
Type
string
Type
number
Type
"off" | "assertive" | "polite"
Type
Booleanish
Type
Booleanish
Type
Booleanish
Type
"horizontal" | "vertical"
Type
string
Type
string
Type
number
Type
boolean | "true" | "false" | "mixed"
Type
Booleanish
Type
type ONLY_FOR_FORMAT =
| "all"
| "text"
| "additions"
| "additions removals"
| "additions text"
| "removals"
| "removals additions"
| "removals text"
| "text additions"
| "text removals"
Type
Booleanish
Type
string
Type
number
Type
number
Type
string
Type
number
Type
Booleanish
Type
number
Type
"none" | "ascending" | "descending" | "other"
Type
number
Type
number
Type
number
Type
string
Type
type ONLY_FOR_FORMAT =
| "off"
| "none"
| "on"
| "sentences"
| "words"
| "characters"
| (string & {})
Type
string
Type
boolean
Type
string
Type
string
Type
string
Description
The visual color appearance of the component.
Type
"blackAlpha" | "whiteAlpha" | "amber" | "blue" | "info" | "link" | "primary" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "success" | "indigo" | "lime" | "neutral" | "orange" | "warning" | "pink" | "purple" | "red" | "danger" | "rose" | "sky" | "teal" | "violet" | "secondary" | "yellow"
Type
string
Type
"inherit" | Booleanish | "plaintext-only"
Type
string
Type
{ __html: string | TrustedHTML }
Type
string
Type
boolean
Type
string | number | readonly string[]
Type
string
Type
Booleanish
Type
type ONLY_FOR_FORMAT =
| "search"
| "enter"
| "done"
| "go"
| "next"
| "previous"
| "send"
Type
string
Type
any
Type
type ONLY_FOR_FORMAT =
| "text"
| "search"
| "none"
| "tel"
| "url"
| "email"
| "numeric"
| "decimal"
Type
string
Type
string
Type
string
Type
string
Description
If provided, generate reorder items based on items.
Type
ReorderGenerateItem<string>[]
Type
boolean
Type
string
Type
string
Type
string
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
AnimationEventHandler<HTMLUListElement>
Type
AnimationEventHandler<HTMLUListElement>
Type
AnimationEventHandler<HTMLUListElement>
Type
AnimationEventHandler<HTMLUListElement>
Type
AnimationEventHandler<HTMLUListElement>
Type
MouseEventHandler<HTMLUListElement>
Type
MouseEventHandler<HTMLUListElement>
Type
FormEventHandler<HTMLUListElement>
Type
FormEventHandler<HTMLUListElement>
Type
FocusEventHandler<HTMLUListElement>
Type
FocusEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Description
The callback invoked when reorder items are moved.
Type
(values: Y[]) => void
Type
FormEventHandler<HTMLUListElement>
Type
MouseEventHandler<HTMLUListElement>
Type
MouseEventHandler<HTMLUListElement>
Description
The callback invoked when the movement of reorder items is completed.
Type
(values: Y[]) => void
Type
CompositionEventHandler<HTMLUListElement>
Type
CompositionEventHandler<HTMLUListElement>
Type
CompositionEventHandler<HTMLUListElement>
Type
CompositionEventHandler<HTMLUListElement>
Type
CompositionEventHandler<HTMLUListElement>
Type
CompositionEventHandler<HTMLUListElement>
Type
MouseEventHandler<HTMLUListElement>
Type
MouseEventHandler<HTMLUListElement>
Type
ClipboardEventHandler<HTMLUListElement>
Type
ClipboardEventHandler<HTMLUListElement>
Type
ClipboardEventHandler<HTMLUListElement>
Type
ClipboardEventHandler<HTMLUListElement>
Type
MouseEventHandler<HTMLUListElement>
Type
MouseEventHandler<HTMLUListElement>
Type
DragEventHandler<HTMLUListElement>
Type
DragEventHandler<HTMLUListElement>
Type
DragEventHandler<HTMLUListElement>
Type
DragEventHandler<HTMLUListElement>
Type
DragEventHandler<HTMLUListElement>
Type
DragEventHandler<HTMLUListElement>
Type
DragEventHandler<HTMLUListElement>
Type
DragEventHandler<HTMLUListElement>
Type
DragEventHandler<HTMLUListElement>
Type
DragEventHandler<HTMLUListElement>
Type
DragEventHandler<HTMLUListElement>
Type
DragEventHandler<HTMLUListElement>
Type
DragEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
FocusEventHandler<HTMLUListElement>
Type
FocusEventHandler<HTMLUListElement>
Type
PointerEventHandler<HTMLUListElement>
Type
PointerEventHandler<HTMLUListElement>
Type
FormEventHandler<HTMLUListElement>
Type
FormEventHandler<HTMLUListElement>
Type
FormEventHandler<HTMLUListElement>
Type
FormEventHandler<HTMLUListElement>
Type
KeyboardEventHandler<HTMLUListElement>
Type
KeyboardEventHandler<HTMLUListElement>
Type
KeyboardEventHandler<HTMLUListElement>
Type
KeyboardEventHandler<HTMLUListElement>
Type
KeyboardEventHandler<HTMLUListElement>
Type
KeyboardEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
PointerEventHandler<HTMLUListElement>
Type
PointerEventHandler<HTMLUListElement>
Type
MouseEventHandler<HTMLUListElement>
Type
MouseEventHandler<HTMLUListElement>
Type
MouseEventHandler<HTMLUListElement>
Type
MouseEventHandler<HTMLUListElement>
Type
MouseEventHandler<HTMLUListElement>
Type
MouseEventHandler<HTMLUListElement>
Type
MouseEventHandler<HTMLUListElement>
Type
MouseEventHandler<HTMLUListElement>
Type
MouseEventHandler<HTMLUListElement>
Type
MouseEventHandler<HTMLUListElement>
Type
MouseEventHandler<HTMLUListElement>
Type
MouseEventHandler<HTMLUListElement>
Type
ClipboardEventHandler<HTMLUListElement>
Type
ClipboardEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
PointerEventHandler<HTMLUListElement>
Type
PointerEventHandler<HTMLUListElement>
Type
PointerEventHandler<HTMLUListElement>
Type
PointerEventHandler<HTMLUListElement>
Type
PointerEventHandler<HTMLUListElement>
Type
PointerEventHandler<HTMLUListElement>
Type
PointerEventHandler<HTMLUListElement>
Type
PointerEventHandler<HTMLUListElement>
Type
PointerEventHandler<HTMLUListElement>
Type
PointerEventHandler<HTMLUListElement>
Type
PointerEventHandler<HTMLUListElement>
Type
PointerEventHandler<HTMLUListElement>
Type
PointerEventHandler<HTMLUListElement>
Type
PointerEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
FormEventHandler<HTMLUListElement>
Type
FormEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
UIEventHandler<HTMLUListElement>
Type
UIEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
FormEventHandler<HTMLUListElement>
Type
FormEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
TouchEventHandler<HTMLUListElement>
Type
TouchEventHandler<HTMLUListElement>
Type
TouchEventHandler<HTMLUListElement>
Type
TouchEventHandler<HTMLUListElement>
Type
TouchEventHandler<HTMLUListElement>
Type
TouchEventHandler<HTMLUListElement>
Type
TouchEventHandler<HTMLUListElement>
Type
TouchEventHandler<HTMLUListElement>
Type
TransitionEventHandler<HTMLUListElement>
Type
TransitionEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
ReactEventHandler<HTMLUListElement>
Type
WheelEventHandler<HTMLUListElement>
Type
WheelEventHandler<HTMLUListElement>
Description
The orientation of the reorder.
Type
"horizontal" | "vertical"
Default
'vertical'
Type
string
Type
string
Type
string
Type
string
Type
string
Type
number
Type
string
Type
AriaRole
Type
string
Description
The size of the Reorder.
Type
"sm" | "md" | "normal" | "lg"
Default
"md"
Type
string
Type
Booleanish
Type
boolean
Type
boolean
Type
number
Type
string
Type
"yes" | "no"
Type
string
Type
"off" | "on"
Description
The variant of the Reorder.
Type
"elevated" | "outline" | "unstyled"
Default
"outline"
Type
string
Type
string
Type
string
Type
string
Type
Booleanish
Type
"none" | "list" | "inline" | "both"
Type
string
Type
string
Type
Booleanish
Type
boolean | "true" | "false" | "mixed"
Type
number
Type
number
Type
string
Type
number
Type
string
Type
type ONLY_FOR_FORMAT =
| boolean
| "page"
| "time"
| "true"
| "false"
| "step"
| "location"
| "date"
Type
string
Type
string
Type
string
Type
Booleanish
Type
"link" | "none" | "copy" | "execute" | "move" | "popup"
Type
string
Type
Booleanish
Type
string
Type
Booleanish
Type
type ONLY_FOR_FORMAT =
| boolean
| "grid"
| "dialog"
| "menu"
| "true"
| "false"
| "listbox"
| "tree"
Type
boolean | "true" | "false" | "grammar" | "spelling"
Type
string
Type
string
Type
string
Type
number
Type
"off" | "assertive" | "polite"
Type
Booleanish
Type
Booleanish
Type
Booleanish
Type
"horizontal" | "vertical"
Type
string
Type
string
Type
number
Type
boolean | "true" | "false" | "mixed"
Type
Booleanish
Type
type ONLY_FOR_FORMAT =
| "all"
| "text"
| "additions"
| "additions removals"
| "additions text"
| "removals"
| "removals additions"
| "removals text"
| "text additions"
| "text removals"
Type
Booleanish
Type
string
Type
number
Type
number
Type
string
Type
number
Type
Booleanish
Type
number
Type
"none" | "ascending" | "descending" | "other"
Type
number
Type
number
Type
number
Type
string
Type
type ONLY_FOR_FORMAT =
| "off"
| "none"
| "on"
| "sentences"
| "words"
| "characters"
| (string & {})
Type
string
Type
boolean
Type
string
Type
string
Type
string
Type
string
Type
"inherit" | Booleanish | "plaintext-only"
Type
string
Type
{ __html: string | TrustedHTML }
Type
string
Type
boolean
Type
string | number | readonly string[]
Type
string
Type
Booleanish
Type
type ONLY_FOR_FORMAT =
| "search"
| "enter"
| "done"
| "go"
| "next"
| "previous"
| "send"
Type
string
Type
any
Type
type ONLY_FOR_FORMAT =
| "text"
| "search"
| "none"
| "tel"
| "url"
| "email"
| "numeric"
| "decimal"
Type
string
Type
string
Type
string
Type
string
Type
boolean
Type
string
Description
The label of the reorder item.
Type
type ONLY_FOR_FORMAT =
| string
| number
| boolean
| ReactElement<any, string | JSXElementConstructor<any>>
| Iterable<ReactNode>
| ReactPortal
Type
string
Type
string
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
AnimationEventHandler<HTMLLIElement>
Type
AnimationEventHandler<HTMLLIElement>
Type
AnimationEventHandler<HTMLLIElement>
Type
AnimationEventHandler<HTMLLIElement>
Type
AnimationEventHandler<HTMLLIElement>
Type
MouseEventHandler<HTMLLIElement>
Type
MouseEventHandler<HTMLLIElement>
Type
FormEventHandler<HTMLLIElement>
Type
FormEventHandler<HTMLLIElement>
Type
FocusEventHandler<HTMLLIElement>
Type
FocusEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
FormEventHandler<HTMLLIElement>
Type
FormEventHandler<HTMLLIElement>
Type
MouseEventHandler<HTMLLIElement>
Type
MouseEventHandler<HTMLLIElement>
Type
CompositionEventHandler<HTMLLIElement>
Type
CompositionEventHandler<HTMLLIElement>
Type
CompositionEventHandler<HTMLLIElement>
Type
CompositionEventHandler<HTMLLIElement>
Type
CompositionEventHandler<HTMLLIElement>
Type
CompositionEventHandler<HTMLLIElement>
Type
MouseEventHandler<HTMLLIElement>
Type
MouseEventHandler<HTMLLIElement>
Type
ClipboardEventHandler<HTMLLIElement>
Type
ClipboardEventHandler<HTMLLIElement>
Type
ClipboardEventHandler<HTMLLIElement>
Type
ClipboardEventHandler<HTMLLIElement>
Type
MouseEventHandler<HTMLLIElement>
Type
MouseEventHandler<HTMLLIElement>
Type
DragEventHandler<HTMLLIElement>
Type
DragEventHandler<HTMLLIElement>
Type
DragEventHandler<HTMLLIElement>
Type
DragEventHandler<HTMLLIElement>
Type
DragEventHandler<HTMLLIElement>
Type
DragEventHandler<HTMLLIElement>
Type
DragEventHandler<HTMLLIElement>
Type
DragEventHandler<HTMLLIElement>
Type
DragEventHandler<HTMLLIElement>
Type
DragEventHandler<HTMLLIElement>
Type
DragEventHandler<HTMLLIElement>
Type
DragEventHandler<HTMLLIElement>
Type
DragEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
FocusEventHandler<HTMLLIElement>
Type
FocusEventHandler<HTMLLIElement>
Type
PointerEventHandler<HTMLLIElement>
Type
PointerEventHandler<HTMLLIElement>
Type
FormEventHandler<HTMLLIElement>
Type
FormEventHandler<HTMLLIElement>
Type
FormEventHandler<HTMLLIElement>
Type
FormEventHandler<HTMLLIElement>
Type
KeyboardEventHandler<HTMLLIElement>
Type
KeyboardEventHandler<HTMLLIElement>
Type
KeyboardEventHandler<HTMLLIElement>
Type
KeyboardEventHandler<HTMLLIElement>
Type
KeyboardEventHandler<HTMLLIElement>
Type
KeyboardEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
PointerEventHandler<HTMLLIElement>
Type
PointerEventHandler<HTMLLIElement>
Type
MouseEventHandler<HTMLLIElement>
Type
MouseEventHandler<HTMLLIElement>
Type
MouseEventHandler<HTMLLIElement>
Type
MouseEventHandler<HTMLLIElement>
Type
MouseEventHandler<HTMLLIElement>
Type
MouseEventHandler<HTMLLIElement>
Type
MouseEventHandler<HTMLLIElement>
Type
MouseEventHandler<HTMLLIElement>
Type
MouseEventHandler<HTMLLIElement>
Type
MouseEventHandler<HTMLLIElement>
Type
MouseEventHandler<HTMLLIElement>
Type
MouseEventHandler<HTMLLIElement>
Type
ClipboardEventHandler<HTMLLIElement>
Type
ClipboardEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
PointerEventHandler<HTMLLIElement>
Type
PointerEventHandler<HTMLLIElement>
Type
PointerEventHandler<HTMLLIElement>
Type
PointerEventHandler<HTMLLIElement>
Type
PointerEventHandler<HTMLLIElement>
Type
PointerEventHandler<HTMLLIElement>
Type
PointerEventHandler<HTMLLIElement>
Type
PointerEventHandler<HTMLLIElement>
Type
PointerEventHandler<HTMLLIElement>
Type
PointerEventHandler<HTMLLIElement>
Type
PointerEventHandler<HTMLLIElement>
Type
PointerEventHandler<HTMLLIElement>
Type
PointerEventHandler<HTMLLIElement>
Type
PointerEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
FormEventHandler<HTMLLIElement>
Type
FormEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
UIEventHandler<HTMLLIElement>
Type
UIEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
FormEventHandler<HTMLLIElement>
Type
FormEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
TouchEventHandler<HTMLLIElement>
Type
TouchEventHandler<HTMLLIElement>
Type
TouchEventHandler<HTMLLIElement>
Type
TouchEventHandler<HTMLLIElement>
Type
TouchEventHandler<HTMLLIElement>
Type
TouchEventHandler<HTMLLIElement>
Type
TouchEventHandler<HTMLLIElement>
Type
TouchEventHandler<HTMLLIElement>
Type
TransitionEventHandler<HTMLLIElement>
Type
TransitionEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
ReactEventHandler<HTMLLIElement>
Type
WheelEventHandler<HTMLLIElement>
Type
WheelEventHandler<HTMLLIElement>
Type
string
Type
string
Type
string
Type
string
Type
string
Type
number
Type
string
Type
AriaRole
Type
string
Type
string
Type
Booleanish
Type
boolean
Type
boolean
Type
number
Type
string
Type
"yes" | "no"
Type
string
Type
"off" | "on"
Description
The value of the reorder item.
Type
NonNullable<Y>
Type
string
Edit this page on GitHub