ColorSwatch

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

Import

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

Props

Props for ColorSwatch in @proyecto-viviana/ui
Prop	Type	Default	Description
`size`	'S' \| 'M' \| 'L' \| 'XS'	—	The size of the color swatch.
`rounding`	'default' \| 'none' \| 'full'	—	Corner rounding for the color swatch.
`styles`	StylesPropWithHeight	—	Spectrum-defined generated classes.
`UNSAFE_className`	string \| UnsafeClassName	—	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	—	Additional CSS class name.
`slot`	string \| false	—	A slot name for the component. HTML `slot` may be `false` to omit. solidaria-components
`aria-describedby`	string	—	ID of element that describes the swatch. solidaria-components
`aria-details`	string	—	ID of element that provides detailed information about the swatch. solidaria-components
`aria-label`	string	—	Accessible label for the swatch. solidaria-components
`aria-labelledby`	string	—	ID of element that labels the swatch. solidaria-components
`color`	string \| Color	—	The color to display. solidaria-components
`colorName`	string	—	Localized color name override. solidaria-components

Declared in packages/viviana-ui/src/color/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.