Examples
Scrollable
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Props
Panel
| Name | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | Content rendered inside the panel | |
| className | string | Class to add to outer div | |
| isScrollable | boolean | Flag to add scrollable styling to the panel | |
| variant | 'raised' | 'bordered' | 'secondary' | Adds panel variant styles |
PanelMain
| Name | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | Content rendered inside the panel main div | |
| className | string | Class to add to outer div | |
| maxHeight | string | Max height of the panel main div as a string with the value and unit |
PanelMainBody
| Name | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | Content rendered inside the panel main body div | |
| className | string | Class to add to outer div |
PanelHeader
| Name | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | Content rendered inside the panel header | |
| className | string | Class to add to outer div |
PanelFooter
| Name | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | Content rendered inside the panel footer | |
| className | string | Class to add to outer div |
CSS variables
| Expand or collapse column | Selector | Variable | Value |
|---|
