Only 2 actions are shown, the rest are grouped in an overflow menu and only labels are shown.
Panel.HeaderAction is essentially a Button and a Tooltip. Its props are spread to the Button. It should always have some icon, e.g. Panel.HeaderAction icon={<Example />}.
Name | Type | Required | Default | Description |
---|---|---|---|---|
secondaryBgColor | boolean | false | Applies the gray secondary background color.
|
Name | Type | Required | Default | Description |
---|---|---|---|---|
actions | ReactNode | ((section: { open: boolean }) => ReactNode) | false |
| |
assets | ReactNode | false |
| |
children | ReactNode | false | ||
className | string | false | Additional classNames | |
expandId | string | number | false |
| |
heading | string | false |
| |
initialIsOpen | boolean | false |
| |
pills | ReactNode | false |
| |
style | CSSProperties | false | Additional CSS styles | |
subtext | ReactNode | false |
|
Controls visibility and behavior for the "chevron-left" icon on the left side of the title.
10.19.0