Action List
Renders an array of IAction
s 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 |