animationOpacity
説明
If true, the opacity of the content will be animated.
タイプ
booleanデフォルト
trueCollapse
Collapseは、要素を展開または折りたたんで表示するコンポーネントです。
Props
CollapseProps
as
タイプ
"symbol" | "object" | "clipPath" | "filter" | "mask" | "marker" | "text" | "g" | "p" | "big" | "link" | "small" | "sub" | "sup" | "style" | "animate" | "div" | "a" | "abbr" | "address" | ... 148 more ... | "textPath"colorScheme
説明
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"delay
説明
Custom delay definition for enter and exit.
タイプ
number | Partial<Record<"exit" | "enter", number>>duration
説明
Custom duration definition for enter and exit.
タイプ
number | Partial<Record<"exit" | "enter", number>>endingHeight
説明
The height you want the content in its expanded state.
タイプ
string | numberデフォルト
autoenter
説明
Custom enter.
タイプ
anyisOpen
説明
Show the component. triggers when enter or exit states.
タイプ
booleansize
説明
The size of the Collapse.
タイプ
stringstartingHeight
説明
The height you want the content in its collapsed state.
タイプ
string | numberデフォルト
0transition
説明
Custom transition definition for enter and exit.
タイプ
Partial<Record<"exit" | "enter", Transition$1>>transitionEnd
説明
Custom transitionEnd definition for enter and exit.
タイプ
Partial<Record<"exit" | "enter", MakeCustomValueType<TargetProperties>>>unmountOnExit
説明
If true, the element will unmount when isOpen={false} and animation is done.
タイプ
booleanvariant
説明
The variant of the Collapse.
タイプ
stringGitHubでこのページを編集する