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"
| "true"
| "false"
| "step"
| "location"
| "date"
| "time"
Type
string
Type
string
Type
string
Type
Booleanish
Type
"none" | "link" | "copy" | "execute" | "move" | "popup"
Type
string
Type
Booleanish
Type
string
Type
Booleanish
Type
type ONLY_FOR_FORMAT =
| boolean
| "grid"
| "true"
| "false"
| "dialog"
| "listbox"
| "menu"
| "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 =
| "enter"
| "done"
| "go"
| "next"
| "previous"
| "search"
| "send"
Type
string
Type
any
Type
type ONLY_FOR_FORMAT =
| "text"
| "none"
| "search"
| "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
Key
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
type ONLY_FOR_FORMAT =
| string
| ((instance: HTMLUListElement | null) => void)
| RefObject<HTMLUListElement>
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"
| "true"
| "false"
| "step"
| "location"
| "date"
| "time"
Type
string
Type
string
Type
string
Type
Booleanish
Type
"none" | "link" | "copy" | "execute" | "move" | "popup"
Type
string
Type
Booleanish
Type
string
Type
Booleanish
Type
type ONLY_FOR_FORMAT =
| boolean
| "grid"
| "true"
| "false"
| "dialog"
| "listbox"
| "menu"
| "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 =
| "enter"
| "done"
| "go"
| "next"
| "previous"
| "search"
| "send"
Type
string
Type
any
Type
type ONLY_FOR_FORMAT =
| "text"
| "none"
| "search"
| "tel"
| "url"
| "email"
| "numeric"
| "decimal"
Type
string
Type
string
Type
string
Type
string
Type
boolean
Type
string
Type
Key
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
type ONLY_FOR_FORMAT =
| string
| ((instance: HTMLLIElement | null) => void)
| RefObject<HTMLLIElement>
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