Leave Yamada UI a star
StarResizable is accessible resizable panel groups and layouts with keyboard support.
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"Default
"gray"Description
Ref for resizable container element.
Type
type ONLY_FOR_FORMAT =
| ((instance: HTMLDivElement | null) => void)
| MutableRefObject<HTMLDivElement | null>Description
Ref of the resizable item callback.
Type
RefObject<ResizableGroupControl>Description
The direction of the resizable.
Deprecated
Use orientation instead.
Type
ResizableOrientationDefault
horizontalDescription
If true, the resizable trigger will be disabled.
Type
booleanDescription
Props for resizable component.
Type
ResizableGroupPropsDescription
If true, the resizable trigger will be disabled.
Deprecated
Use Disabled instead.
Type
booleanDescription
Unit to resize by keyboard operation.
Type
numberDefault
10Description
The callback invoked when resizable items are resized.
Type
PanelGroupOnLayoutDescription
The orientation of the resizable.
Type
ResizableOrientationDefault
horizontalDescription
The size of the Resizable.
Type
stringDescription
A callback that gets and sets a value in custom storage.
Type
PanelGroupStorageDescription
Key of value saved in storage.
By default, it is saved to local storage.
Type
stringDescription
The variant of the Resizable.
Type
"border" | "spacer" | "unstyled"Default
"border"Type
keyof HTMLElementTagNameMapDescription
The collapsed size of the resizable item.
Type
numberDescription
If true, the resizable item can be collapsed.
Type
booleanDefault
falseDescription
Props for resizable item container element.
Type
Omit<HTMLUIProps, "as"> & ResizableItemPropsDescription
Ref of the resizable item callback.
Type
RefObject<ResizableItemControl>Description
The initial size of the resizable item.
Type
numberDescription
id assigned to resizable item element.
Type
stringDescription
Ref for resizable item inner element.
Type
type ONLY_FOR_FORMAT =
| ((instance: HTMLDivElement | null) => void)
| MutableRefObject<HTMLDivElement | null>Description
The maximum allowed value of the resizable item.
Type
numberDescription
The minimum allowed value of the resizable item.
Type
numberDescription
The callback invoked when resizable item are collapsed.
Type
() => voidDescription
The callback invoked when resizable item are expanded.
Type
() => voidDescription
The callback invoked when resizable item are resized.
Type
(size: number, prevSize: number | undefined) => voidDescription
Order for the resizable item.
Type
numberDescription
The CSS font-size property.
Deprecated
Use fontSize instead.
Type
UIValue<number | "small" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "large" | "medium" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | ... 17 more ... | "xs">Type
keyof HTMLElementTagNameMapDescription
The resizable trigger icon to use.
Type
ReactElement<any, string | JSXElementConstructor<any>>Description
Props for resizable trigger icon component.
Type
HTMLUIPropsDescription
id assigned to resizable trigger element.
Type
stringDescription
If true, the resizable trigger will be disabled.
Deprecated
Use disabled instead.
Type
booleanDefault
falseEdit this page on GitHub