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