ItemActions

API reference and demos for ItemActions.

Source

Import

import { ItemActions } from "@flanksource/clicky-ui/components";

Demos

No dedicated Storybook demo is available for this component yet.

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

Prop	Type	Default	Description
className	string	—	—
count*	number	—	Total rows, so the last row's "down" disables itself.
index*	number	—	This row's position, used for the reorder targets and the end-disabling.
label*	string	—	Names the item in every action's accessible label ("Move Routes up").
leading	ReactNode	—	Consumer actions, rendered before the built-in ones.
onDuplicate	(…) => void	—	Offers the duplicate button.
onMove	(…) => void	—	Offers both reorder buttons, called with the destination index. The button at either end of the list renders disabled rather than missing, so the cluster keeps a constant width down a long list.
onRemove	(…) => void	—	Offers the remove button.
reveal	boolean	true	Reveal on row hover / focus-within. Defaults to true, which requires `group` on the row container — a long list is then not a wall of permanently dim icons, while keyboard users still see the actions the moment they arrive. Pass false for a row that must always show them.
size	enum	md	—