palaze-web Palaze web Docs Github Empezando Componentes Button Card Colors Divider Footer Header Hero Menu Menu-dropdown Menu-item Section Showcase Sidebar Spinner Tooltip Design System Colores Tipografia Formas

Colors

<plz-colors> | PlzColors

El componente colors sirve para representar una paleta de 5 colores.

Se podrán elegir entre los colores de nuestrodesign systemo crear otra paleta distinta con nuevos colores.

Ejemplos

Colors custom

Usaremos el atributo variant para elegir la variante "custom", .

Usaremos el atributo colors para elegir los 5 colores que se representarán como paleta en el componente.

Usaremos el atributo colors-text para elegir los 5 colores para el texto de la paleta en el componente.

No hay limitación en cuanto a la elección de colores del componente, podrás pasar el color mediente los tipos hex, rgb o rgba.

Atributos

Nombre Descripción Posibilidades Por defecto
variant Distintas variantes del componente. 'simple' - 'custom' 'simple'
colors Texto con los colores de la paleta del componente(Ejemplo.) hex, rgb o rgba '#732487,#023E8A, #0077B6,#0096C7, #a7b3e9'
colors-text Texto con los colores del texto de la paleta(Ejemplo). hex, rgb o rgba inherit