Collapse

import { Collapse } from '@lobehub/ui';

Default

Custom Padding

APIs

NameDescriptionTypeDefault
collapsible--boolean--
gap--number--
padding--number|string|{body?:number|string;header?:number|string}--
variant--"ghost"|"block"|"default"|"pure"--
size--"small"|"middle"|"large"--
style--{}--
className--string--
children--ReactNode--
onChange--(key:string[])=>void--
prefixCls--string--
itemsCollapse items contentItemType[]--
rootClassName--string--
ghost--boolean--
activeKey--Array|string|number--
expandIcon--(panelProps:PanelProps)=>|string|number|unknown|ReactElement|Iterable<ReactNode>|ReactPortal|Promise<AwaitedReactNode>|boolean--
defaultActiveKey--Array|string|number--
accordion手风琴效果boolean--
destroyInactivePanel--boolean--
bordered--boolean--
expandIconPosition--"start"|"end"|"left"|"right"--