Toolbar
The props declared for Toolbar, generated from the types @proyecto-viviana/ui ships.
Import
import { Toolbar } from "@proyecto-viviana/ui";Props
| Prop | Type | Default | Description |
|---|---|---|---|
class | string | ((renderProps: ToolbarRenderProps) => string) | — | The CSS className for the element. A function may be provided to receive render props. solidaria-components |
style | JSX.CSSProperties | ((renderProps: ToolbarRenderProps) => JSX.CSSProperties) | — | The inline style for the element. A function may be provided to receive render props. solidaria-components |
ref | ((el: HTMLDivElement) => void) | { current?: HTMLDivElement | null; } | — | Ref for the toolbar element. solidaria-components |
orientation | MaybeAccessor<Orientation> | 'horizontal' | The orientation of the toolbar. solidaria |
aria-label | MaybeAccessor<string> | — | An accessibility label for the toolbar. solidaria |
aria-labelledby | MaybeAccessor<string> | — | Identifies the element (or elements) that labels the toolbar. solidaria |
slot | string | false | — | A slot name for the component. HTML `slot` may be `false` to omit. solidaria-components |
Declared in packages/viviana-ui/src/toolbar/index.tsx.
ToolbarRender props
| Prop | Type | Default | Description |
|---|---|---|---|
orientation* | 'horizontal' | 'vertical' | — | The orientation of the toolbar. solidaria-components |
Declared in packages/solidaria-components/src/Toolbar.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.