Skip to main content
PROYECTOVIVIANA

ActionGroup

The props declared for ActionGroup, generated from the types @proyecto-viviana/ui ships.

Import

import { ActionGroup } from "@proyecto-viviana/ui";

Props

Props for ActionGroup in @proyecto-viviana/ui
PropTypeDefaultDescription
items*T[]—The items in the action group.
selectionMode'none' | 'single' | 'multiple''none'The selection mode.
orientation'horizontal' | 'vertical''horizontal'Orientation of the group.
isDisabledfalse | true—Whether the entire group is disabled.
aria-labelstring—Accessible label.
aria-labelledbystring—Labelled-by id.
selectedKeysIterable<Key>—Currently selected keys (controlled).
defaultSelectedKeysIterable<Key>—Default selected keys (uncontrolled).
onSelectionChange(keys: "all" | Set<Key>) => void—Handler called when selection changes.
onAction(key: Key) => void—Handler called when an item action is triggered.
disabledKeysIterable<Key>—Keys of disabled items.
children(item: T, renderProps: ActionGroupItemRenderProps) => JSX.Element—Optional render function for action items.
renderItem(item: T, renderProps: ActionGroupItemRenderProps) => JSX.Element—Custom render function for items. If not provided, uses item.label.
stylesStyleString—Spectrum-defined generated classes.
classstring—Additional CSS class name. Use only as a last resort.

Declared in packages/viviana-ui/src/actiongroup/index.tsx.

Props marked solidaria or solidaria-components come from the headless layer underneath and behave the same in both registers. Components that wrap a DOM element also accept that element's standard attributes, which are left out here on purpose — listing them would bury the props that are actually ours.