ActionBar
The props declared for ActionBar, generated from the types @proyecto-viviana/ui ships.
Import
import { ActionBar } from "@proyecto-viviana/ui";Props
| Prop | Type | Default | Description |
|---|---|---|---|
selectedItemCount | number | "all" | — | The number of selected items. ActionBar is hidden when 0. |
isEmphasized | false | true | — | Whether the ActionBar should be displayed with an emphasized style. |
onClearSelection | () => void | — | Callback when the clear button is pressed. |
onAction | (key: Key) => void | — | Callback when an action is triggered. |
children | number | boolean | RenderedElement | ArrayElement | (string & {}) | Node | JSX.ArrayElement | — | The action buttons to display. |
scrollRef | HTMLElement | { current?: HTMLElement | null; } | — | A ref to the scrollable element the ActionBar appears above. |
styles | StyleString | (() => StyleString | undefined) | — | Spectrum-defined generated classes. |
UNSAFE_className | string | — | Additional CSS class name. Use only as a last resort. |
UNSAFE_style | JSX.CSSProperties | — | Additional inline styles. Use only as a last resort. |
class | string | — | Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. |
aria-label | string | 'Actions' | Accessible label for the action bar. |
aria-labelledby | string | — | Identifies the element (or elements) that labels the action bar. |
onKeyDown | JSX.EventHandlerUnion<HTMLDivElement, KeyboardEvent, JSX.EventHandler<HTMLDivElement, KeyboardEvent>> | — | Optional keydown handler for the action bar root. |
slot | string | — | Not yet documented |
ref | HTMLDivElement | ((el: HTMLDivElement) => void) | { current?: HTMLDivElement | null | undefined; } | — | Not yet documented |
Declared in packages/viviana-ui/src/actionbar/index.tsx.
ActionBarContainer props
| Prop | Type | Default | Description |
|---|---|---|---|
children | number | boolean | RenderedElement | ArrayElement | (string & {}) | Node | JSX.ArrayElement | — | Not yet documented |
class | string | — | Not yet documented |
Declared in packages/viviana-ui/src/actionbar/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.