Component

Color Cards

Disponible

El componente ColorExample (Swatch) se utiliza para visualizar y documentar los tokens de color del sistema de diseño, permitiendo validar el contraste y los códigos HEX.

...0:1

Primary

#N/A

...0:1

Error

#N/A

...0:1

Success

#N/A

Swatch · Token · HEX

Import

Importa los estilos base y el componente ColorExample.

TypeScript

1import 'nave-ui-library/styles.css'
2import { ColorExample } from 'nave-ui-library/react'

Primary Color

Ejemplo visualizando el token de acción primaria.

...0:1

Primary Action

#N/A

Status Colors

Tokens de estado para Error, Success, Warning.

...0:1

Semantic Error

#N/A

...0:1

Semantic Success

#N/A

API Reference

Todas las props disponibles para el componente ColorExample.

Prop	Type	Default	Description
`colorToken`req	`string`	—	Valor HEX del color a visualizar.
`colorName`req	`string`	—	Nombre descriptivo del color.
`tokens`	`Partial<ThemeTokensBase>`	—	Override local de tema/tokens.

Registry

Ver configuración técnica del registro

JSON