ActionBar
Used for single and bulk actions
The <ActionBar> component...
Anatomy
Appearance
The appearance of a component can be customized using the variant and size props. These props adjust the visual style and dimensions of the component, available values are based on the active theme.
Variant
Size
The selected theme does not has any options for "variant" and "size".
3 selected
| Property | Type | Description |
|---|---|---|
variant | - | The available variants of this component. |
size | - | The available sizes of this component. |
Usage
Props
Did you know? You can explore, test, and customize props live in Marigold's storybook. Watch the effects they have in real-time!
children?ReactNode;
A list of ActionButtons to display.
id?string;
The element's unique identifier.
onClearSelection?() => void;
Handler that is called when the ActionBar clear button is pressed.
selectedItemCount?number | "all";
The number of selected items that the ActionBar is currently linked to.
If 0, the ActionBar is hidden.
Defaults to:
0Related
Last update: 16 days ago