Action List
Renders an array of IActions as
ActionIcons, with an option to
show only a portion of the array and insert the rest into a menu
- Import
import { ActionList } from '@smile/haring-react'; - Extends Group
- Source View Source Code
- Package @smile/haring-react
- Storybook Storybook
Storybook Docs
Props
ActionBar takes a <Data> generic type that extends Record<string, unknown>.
| Name | Type | Default | Description |
|---|---|---|---|
| actionButtonProps | ButtonProps | - | Extra props for the visible action buttons in default mode |
| actionTooltipProps | TooltipProps | - | Extra props for the action tooltips, on the menu icon and on the action icons in compact mode |
| actions | IAction <Data | Data[]>[] | - | Array of IAction for the rendered action buttons or actions inside the menu |
| isCompactStyle | boolean | false | Boolean value that determines the display style, either default (false) or compact (true) |
| modalProps | IThumbnailAction[] | - | Extra props passed to the internal Mantine Modal component, used for actions with confirmation enabled |
| overflowMenuLabel | string | "Other actions" | |
String used as both the aria-label and the Tooltip label of the menu button/icon | |||
| rowActionNumber | number | 1 | Index value used to determine which actions will be displayed directly in the action column (before this index) or in the action menu (starting at this index) |
| selectedElements * | Data | Data[] | - | Array of currently selected elements, necessary for the actions to be able to pass those elements along |
| ... | - | - | extends Group props |