Panel

Toggle content visibility using Panel.

install	yarn add @clayui/panel
version	3.119.0

Stable 3.119.0 CHANGELOG

Panel
Panel.Body
Panel.Footer
Panel.Group
Panel.Header
Panel.Title

Panel

Property	Description
`collapsable` `boolean`	Flag to indicate that Panel is collapsable.
`collapseClassNames` `string`	Adds classes to the collapse element. Only when `collapsable` is true.
`collapseHeaderClassNames` `string`	Adds classes to the collapse header element. Only when `collapsable` is true.
`defaultExpanded` `boolean`	Flag to indicate the initial value of expanded (uncontrolled). The default value is false
`displayTitle` `React.ReactNode`	Content to display in Panel Title.
`displayType` `'block' \| 'default' \| 'secondary' \| 'unstyled'`	Flag to indicate the visual variation of the Panel.
`expanded` `boolean`	Determines if menu is expanded or not (controlled).
`onExpandedChange` `InternalDispatch<boolean>`	Callback for when dropdown changes its active state (controlled).
`showCollapseIcon` `boolean`	Flag to toggle collapse icon visibility when `collapsable` is true. The default value is true
`size` `'lg' \| 'sm'`	Flag to indicate the visual variation of the Panel.
`spritemap` `string`	Path to spritemap for clay icons

Panel.Body

Extends from React.HTMLAttributes<HTMLDivElement>Extends from React.HTMLAttributes<HTMLDivElement>

Panel.Group

Property	Description
`fluidFirst` `boolean`	Flag to signify that `panel-group-fluid-first` class should be added. This class generally should be used inside card or sheet
`fluidLast` `boolean`	Flag to signify that `panel-group-fluid-last` class should be added. This class generally should be used inside card or sheet
`fluid` `boolean`	Flag to signify that `panel-group-fluid` class should be added. This class generally should be used inside card or sheet
`flush` `boolean`	Flag to signify that `panel-group-flush` class should be added. This class generally should be used inside card, sheet, or a type of padded container.
`small` `boolean`	Flag to enable the small variation for panels within a group of panels.

Extends from React.HTMLAttributes<HTMLDivElement>

Panel.Title

Extends from React.HTMLAttributes<HTMLDivElement>