Based on lobehub ui FormGroup.
CollapseGroup
import { CollapseGroup } from '@yuntijs/ui';Based on lobehub ui FormGroup.
import { CollapseGroup } from '@yuntijs/ui';Based on lobehub ui FormGroup.
import { CollapseGroup } from '@yuntijs/ui';
import { VariableIcon } from 'lucide-react';
export default () => {
return (
<CollapseGroup icon={VariableIcon} title="输出变量">
我是收起来的内容
</CollapseGroup>
);
};| Name | Description | Type | Default |
|---|---|---|---|
| children | -- | ReactNode | -- |
| style | -- | {} | -- |
| onChange | -- | (key:string[])=>void | -- |
| prefixCls | -- | string | -- |
| className | -- | string | -- |
| rootClassName | -- | string | -- |
| classNames | -- | {desc?:string;header?:string;title?:string} | -- |
| size | -- | "small"|"middle"|"large" | -- |
| bordered | -- | boolean | -- |
| variant | -- | "outlined"|"borderless"|"filled" | -- |
| styles | -- | {desc?:object;header?:object;title?:object} | -- |
| title | -- | ReactNode | -- |
| expandIcon | -- | (panelProps:PanelProps)=>|string|number|unknown|ReactElement|unknown|ReactPortal|Promise<AwaitedReactNode>|boolean | -- |
| icon | -- | |string|number|unknown|ReactElement|unknown|ReactPortal|Promise<AwaitedReactNode>|LucideIcon|FC|boolean | -- |
| destroyInactivePanel | -- | boolean | -- |
| extra | -- | ReactNode | -- |
| collapsible | -- | boolean | -- |
| destroyOnHidden | -- | boolean | -- |
| gap | -- | number | -- |
| ref | -- | |bivarianceHack|RefObject | -- |
| active | -- | boolean | -- |
| padding | -- | number|string|{body?:number|string;header?:number|string} | -- |
| desc | -- | ReactNode | -- |
| defaultActive | -- | boolean | -- |
| keyValue | -- | string|number | -- |
| onCollapse | -- | (active:boolean)=>void | -- |