about
Type
stringLeave Yamada UI a star
StarReorder is a component that allows you to change the order of items using drag and drop.
Type
stringType
stringType
stringType
BooleanishType
"none" | "list" | "inline" | "both"Type
stringType
stringType
BooleanishType
boolean | "true" | "false" | "mixed"Type
numberType
numberType
stringType
numberType
stringType
type ONLY_FOR_FORMAT =
| boolean
| "page"
| "true"
| "false"
| "step"
| "location"
| "date"
| "time"Type
stringType
stringType
stringType
BooleanishType
"none" | "link" | "copy" | "execute" | "move" | "popup"Type
stringType
BooleanishType
stringType
BooleanishType
type ONLY_FOR_FORMAT =
| boolean
| "grid"
| "true"
| "false"
| "dialog"
| "listbox"
| "menu"
| "tree"Type
boolean | "true" | "false" | "grammar" | "spelling"Type
stringType
stringType
stringType
numberType
"off" | "assertive" | "polite"Type
BooleanishType
BooleanishType
BooleanishType
"horizontal" | "vertical"Type
stringType
stringType
numberType
boolean | "true" | "false" | "mixed"Type
BooleanishType
type ONLY_FOR_FORMAT =
| "all"
| "text"
| "additions"
| "additions removals"
| "additions text"
| "removals"
| "removals additions"
| "removals text"
| "text additions"
| "text removals"Type
BooleanishType
stringType
numberType
numberType
stringType
numberType
BooleanishType
numberType
"none" | "ascending" | "descending" | "other"Type
numberType
numberType
numberType
stringType
type ONLY_FOR_FORMAT =
| "off"
| "none"
| "on"
| "sentences"
| "words"
| "characters"
| (string & {})Type
stringType
booleanType
stringType
stringType
stringDescription
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
stringType
"inherit" | Booleanish | "plaintext-only"Type
stringType
{ __html: string | TrustedHTML }Type
stringType
booleanType
string | number | readonly string[]Type
stringType
BooleanishType
type ONLY_FOR_FORMAT =
| "enter"
| "done"
| "go"
| "next"
| "previous"
| "search"
| "send"Type
stringType
stringType
anyType
type ONLY_FOR_FORMAT =
| "text"
| "none"
| "search"
| "tel"
| "url"
| "email"
| "numeric"
| "decimal"Type
stringType
stringType
stringType
stringDescription
If provided, generate reorder items based on items.
Type
ReorderGenerateItem<string>[]Type
booleanType
stringType
KeyType
stringType
stringType
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[]) => voidType
FormEventHandler<HTMLUListElement>Type
MouseEventHandler<HTMLUListElement>Type
MouseEventHandler<HTMLUListElement>Description
The callback invoked when the movement of reorder items is completed.
Type
(values: Y[]) => voidType
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
stringType
stringType
stringType
stringType
type ONLY_FOR_FORMAT =
| string
| ((instance: HTMLUListElement | null) => void)
| RefObject<HTMLUListElement>Type
stringType
stringType
numberType
stringType
AriaRoleType
stringDescription
The size of the Reorder.
Type
"sm" | "md" | "normal" | "lg"Default
"md"Type
stringType
BooleanishType
booleanType
booleanType
numberType
stringType
"yes" | "no"Type
stringType
"off" | "on"Description
The variant of the Reorder.
Type
"elevated" | "outline" | "unstyled"Default
"outline"Type
stringType
stringType
stringType
stringType
BooleanishType
"none" | "list" | "inline" | "both"Type
stringType
stringType
BooleanishType
boolean | "true" | "false" | "mixed"Type
numberType
numberType
stringType
numberType
stringType
type ONLY_FOR_FORMAT =
| boolean
| "page"
| "true"
| "false"
| "step"
| "location"
| "date"
| "time"Type
stringType
stringType
stringType
BooleanishType
"none" | "link" | "copy" | "execute" | "move" | "popup"Type
stringType
BooleanishType
stringType
BooleanishType
type ONLY_FOR_FORMAT =
| boolean
| "grid"
| "true"
| "false"
| "dialog"
| "listbox"
| "menu"
| "tree"Type
boolean | "true" | "false" | "grammar" | "spelling"Type
stringType
stringType
stringType
numberType
"off" | "assertive" | "polite"Type
BooleanishType
BooleanishType
BooleanishType
"horizontal" | "vertical"Type
stringType
stringType
numberType
boolean | "true" | "false" | "mixed"Type
BooleanishType
type ONLY_FOR_FORMAT =
| "all"
| "text"
| "additions"
| "additions removals"
| "additions text"
| "removals"
| "removals additions"
| "removals text"
| "text additions"
| "text removals"Type
BooleanishType
stringType
numberType
numberType
stringType
numberType
BooleanishType
numberType
"none" | "ascending" | "descending" | "other"Type
numberType
numberType
numberType
stringType
type ONLY_FOR_FORMAT =
| "off"
| "none"
| "on"
| "sentences"
| "words"
| "characters"
| (string & {})Type
stringType
booleanType
stringType
stringType
stringType
stringType
"inherit" | Booleanish | "plaintext-only"Type
stringType
{ __html: string | TrustedHTML }Type
stringType
booleanType
string | number | readonly string[]Type
stringType
BooleanishType
type ONLY_FOR_FORMAT =
| "enter"
| "done"
| "go"
| "next"
| "previous"
| "search"
| "send"Type
stringType
stringType
anyType
type ONLY_FOR_FORMAT =
| "text"
| "none"
| "search"
| "tel"
| "url"
| "email"
| "numeric"
| "decimal"Type
stringType
stringType
stringType
stringType
booleanType
stringType
KeyDescription
The label of the reorder item.
Type
type ONLY_FOR_FORMAT =
| string
| number
| boolean
| ReactElement<any, string | JSXElementConstructor<any>>
| Iterable<ReactNode>
| ReactPortalType
stringType
stringType
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
stringType
stringType
stringType
stringType
type ONLY_FOR_FORMAT =
| string
| ((instance: HTMLLIElement | null) => void)
| RefObject<HTMLLIElement>Type
stringType
stringType
numberType
stringType
AriaRoleType
stringType
stringType
BooleanishType
booleanType
booleanType
numberType
stringType
"yes" | "no"Type
stringType
"off" | "on"Description
The value of the reorder item.
Type
NonNullable<Y>Type
stringEdit this page on GitHub