ToggleButtonGroup
The props declared for ToggleButtonGroup, generated from the types @proyecto-viviana/ui ships.
Import
import { ToggleButtonGroup } from "@proyecto-viviana/ui";Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | number | boolean | RenderedElement | ArrayElement | (string & {}) | Node | JSX.ArrayElement | — | The ToggleButtons contained within the group. |
size | 'S' | 'M' | 'L' | 'XL' | 'XS' | 'M' | Size of the buttons. |
density | 'compact' | 'regular' | 'regular' | Spacing between the buttons. |
isQuiet | false | true | — | Whether the buttons should be displayed with a quiet style. |
isEmphasized | false | true | — | Whether the selected ToggleButtons should be emphasized. |
isJustified | false | true | — | Whether the buttons should divide the container width equally. |
staticColor | 'white' | 'black' | 'auto' | — | The static color style to apply. Useful when the group appears over a color background. |
orientation | 'horizontal' | 'vertical' | 'horizontal' | The axis the group should align with. |
styles | StyleString | — | 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. |
onSelectionChange | (keys: Set<Key>) => void | — | Not yet documented solidaria-components |
isDisabled | false | true | — | Not yet documented solidaria-components |
selectionMode | 'single' | 'multiple' | — | Not yet documented solidaria-components |
disallowEmptySelection | false | true | — | Not yet documented solidaria-components |
selectedKeys | Iterable<Key> | — | Not yet documented solidaria-components |
defaultSelectedKeys | Iterable<Key> | — | Not yet documented solidaria-components |
Declared in packages/viviana-ui/src/togglebuttongroup/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.