LabeledValue
The props declared for LabeledValue, generated from the types @proyecto-viviana/ui ships.
Import
import { LabeledValue } from "@proyecto-viviana/ui";Props
| Prop | Type | Default | Description |
|---|---|---|---|
label* | JSX.Element | — | The content to display as the label. |
value | string | number | boolean | RenderedElement | ArrayElement | (string & {}) | Node | JSX.ArrayElement | readonly string[] | — | The value to display. Numbers and string lists are formatted for the current locale. |
formatOptions | Intl.NumberFormatOptions | Intl.ListFormatOptions | — | Formatting options for the value (Intl.NumberFormat / Intl.ListFormat). |
size | 'S' | 'M' | 'L' | 'XL' | 'M' | The size of the component. |
labelPosition | 'top' | 'side' | 'top' | The label's position relative to the value. |
labelAlign | 'start' | 'end' | 'start' | The label's horizontal alignment relative to the element. |
UNSAFE_style | JSX.CSSProperties | — | Inline style overrides for the root. |
UNSAFE_className | string | — | Class name concatenated onto the root. |
styles | StyleString | — | Spectrum style-macro overrides (width/height allowed). |
Declared in packages/viviana-ui/src/labeledvalue/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.