Panel
Panel consisting of buttons that can activate different modes of a page or component.
Import
Usage
Variants
Secondary
Disabled
Props
Panel
| Prop | Type | Default | Description |
|---|
initialMode* | string | - | id of mode which should be active on first render |
styling | "primary" | "secondary" | - | style type of the mode buttons |
children* | ReactNode | - | Expecting <Panel.Mode> |
Panel.Mode
| Prop | Type | Default | Description |
|---|
id* | string | - | id of the mode |
handleClick | any | - | onClick handler for the mode button |
ariaLabel | string | - | Label for the mode's purpose to aid screen readers |
disabled | boolean | - | disables the mode button from activaation |
children* | ReactNode | - | Expecting a string or component(s) |
*: mandatory props
