Yamada UIにスターをあげる
スターResizableは、キーボードのサポートを備えたサイズ変更可能なレイアウトコンポーネントです。
説明
The visual color appearance of the component.
タイプ
"whiteAlpha" | "blackAlpha" | "gray" | "neutral" | "red" | "danger" | "rose" | "pink" | "flashy" | "orange" | "warning" | "amber" | "yellow" | "lime" | "green" | "success" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "primary" | "info" | "link" | "indigo" | "violet" | "secondary" | "purple" | "fuchsia"デフォルト
gray説明
Ref for resizable container element.
タイプ
type ONLY_FOR_FORMAT =
| ((instance: HTMLDivElement | null) => void)
| MutableRefObject<HTMLDivElement | null>説明
The direction of the resizable.
タイプ
"horizontal" | "vertical"デフォルト
horizontal説明
Props for resizable component.
タイプ
ResizableGroupProps説明
If true, the resizable trigger will be disabled.
タイプ
boolean説明
Unit to resize by keyboard operation.
タイプ
numberデフォルト
10説明
The callback invoked when resizable items are resized.
タイプ
PanelGroupOnLayout説明
The size of the Resizable.
タイプ
string説明
A callback that gets and sets a value in custom storage.
タイプ
PanelGroupStorage説明
Key of value saved in storage.
By default, it is saved to local storage.
タイプ
string説明
The variant of the Resizable.
タイプ
"border" | "spacer" | "unstyled"デフォルト
borderタイプ
keyof HTMLElementTagNameMap説明
The collapsed size of the resizable item.
タイプ
number説明
If true, the resizable item can be collapsed.
タイプ
booleanデフォルト
false説明
Props for resizable item container element.
タイプ
Omit<HTMLUIProps<"div">, "as"> &
Omit<PanelProps, "id" | "children" | "tagName"> &
As説明
Ref of the resizable item callback.
タイプ
RefObject<ImperativePanelHandle>説明
The initial size of the resizable item.
タイプ
number説明
id assigned to resizable item element.
タイプ
string説明
Ref for resizable item inner element.
タイプ
type ONLY_FOR_FORMAT =
| ((instance: HTMLDivElement | null) => void)
| MutableRefObject<HTMLDivElement | null>説明
The maximum allowed value of the resizable item.
タイプ
number説明
The minimum allowed value of the resizable item.
タイプ
number説明
The callback invoked when resizable item are collapsed.
タイプ
() => void説明
The callback invoked when resizable item are expanded.
タイプ
() => void説明
The callback invoked when resizable item are resized.
タイプ
(size: number, prevSize: number | undefined) => void説明
Order for the resizable item.
タイプ
numberタイプ
keyof HTMLElementTagNameMap説明
The resizable trigger icon to use.
タイプ
ReactElement<any, string | JSXElementConstructor<any>>説明
Props for resizable trigger icon component.
タイプ
HTMLUIProps<"div">説明
If true, the resizable trigger will be disabled.
タイプ
booleanデフォルト
false説明
The CSS font-size property.
非推奨
Use fontSize instead.
タイプ
UIValue<number | (string & {}) | "small" | "inherit" | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "xs" | "3xl" | "4xl" | ... 13 more ... | "smaller">GitHubでこのページを編集する