InputColor

El componente InputColor permite a los usuarios seleccionar un color mediante un selector de color. Es útil para aplicaciones que requieren la personalización de colores, como editores de imágenes, personalización de temas y formularios de diseño.

Ejemplo

Importación

Para importar el componente InputColor, se puede hacer desde fenextjs

import { InputColor } from "fenextjs";

Parámetros

Parámetro	Tipo	Requerido	Default	Descripcion
defaultValue	string	no	''	Valor predeterminado del selector de color cuando se renderiza por primera vez.
value	string	no	undefined	Valor del selector de color, si se proporciona, anula el valor predeterminado.
onChange	(color: string) => void	no	undefined	Función que se ejecuta cuando el color seleccionado cambia.
className	string	no	''	Clase CSS adicional para el contenedor del selector de color.
disabled	boolean	no	false	Indica si el selector de color está deshabilitado.

Storybook

Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)

Usos

Selector de color por defecto

<InputColor defaultValue="#ff0000" onChange={(color) => console.log(color)} />

Selector de color deshabilitado

<InputColor defaultValue="#00ff00" disabled={true} />

Code Date