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
Scrollable with auto height
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 | |
| hasNoBorder Beta | boolean | Flag to remove the panel's border | |
| isAutoHeight Beta | boolean | When used with a scrollable panel, sets the panel to auto height | |
| isFullHeight Beta | boolean | Flag to make the panel fill the available height of its container | |
| isGlass Beta | boolean | Modifies the panel to use glass styling when the glass theme is enabled | |
| isPill Beta | boolean | Uses pill (fully rounded) border radius for the panel | |
| 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 |
