Yamada UIにスターをあげる
スターAccordionは、情報を展開または折りたたんで表示するリストのコンポーネントです。
説明
The visual color appearance of the component.
タイプ
"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"説明
The initial index(es) of the accordion item to expand.
タイプ
number | number[]説明
The accordion icon for all items to use.
タイプ
string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | ((props: { ...; }) => ReactNode)説明
The index(es) of the accordion item to expand.
タイプ
number | number[]説明
If true, multiple accordion items can be expanded at once.
非推奨
Use multiple instead.
タイプ
booleanデフォルト
false説明
If true, any expanded accordion item can be collapsed again.
非推奨
Use toggle instead.
タイプ
booleanデフォルト
false説明
If true, multiple accordion items can be expanded at once.
タイプ
booleanデフォルト
false説明
The callback invoked when accordion items are expanded or collapsed.
タイプ
(index: number | number[]) => void説明
The size of the Accordion.
タイプ
string説明
If true, any expanded accordion item can be collapsed again.
タイプ
booleanデフォルト
false説明
The variant of the Accordion.
タイプ
"basic" | "card" | "unstyled"デフォルト
"basic"説明
If true, the accordion item will be disabled.
タイプ
booleanデフォルト
false説明
The accordion icon to use.
タイプ
string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | ((props: { ...; }) => ReactNode)説明
If true, the accordion item will be disabled.
非推奨
Use disabled instead.
タイプ
booleanデフォルト
false説明
The accordion label to use.
タイプ
string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | ((props: { ...; }) => ReactNode)説明
Props the container element.
タイプ
HTMLUIProps説明
The accordion icon to use.
タイプ
string | number | boolean | ((props: { isDisabled: boolean; isExpanded: boolean; disabled?: boolean | undefined; expanded?: boolean | undefined; }) => ReactNode) | ReactElement<any, string | JSXElementConstructor<...>> | Iterable<...> | ReactPortal説明
If true, the opacity of the content will be animated.
タイプ
booleanデフォルト
true説明
Custom delay definition for enter and exit.
タイプ
number | MotionLifecycleProps<number>説明
Custom duration definition for enter and exit.
タイプ
number | MotionLifecycleProps<number>説明
The height you want the content in its expanded state.
タイプ
string | numberデフォルト
auto説明
Custom enter.
タイプ
any説明
Custom exit.
タイプ
any説明
Custom initial.
タイプ
any説明
Show the component. triggers when enter or exit states.
タイプ
boolean説明
The height you want the content in its collapsed state.
タイプ
string | numberデフォルト
0説明
Custom transition definition for enter and exit.
タイプ
MotionLifecycleProps<Transition$1>説明
Custom transitionEnd definition for enter and exit.
タイプ
MotionLifecycleProps<MakeCustomValueType<TargetProperties>>説明
If true, the element will unmount when isOpen={false} and animation is done.
タイプ
booleanGitHubでこのページを編集する