InputUnitWeight

El componente InputUnitWeight permite al usuario seleccionar y gestionar unidades de peso, ofreciendo opciones predeterminadas y personalizadas. Está basado en InputUnitBase y extiende su funcionalidad con opciones específicas de peso.

Ejemplo

Importación

Para importar el componente InputUnitWeight, se puede hacer desde fenextjs

import { InputUnitWeight } from "fenextjs";

Parámetros

Parámetro	Tipo	Requerido	Default	Descripcion
defaultValue	Partial<InputUnitWeightValue>	no	undefined	Valor predeterminado para el componente, que incluye el valor y la unidad seleccionados.
value	Partial<InputUnitWeightValue>	no	undefined	Valor actual del componente, que incluye el valor numérico y la unidad seleccionada.
onChange	(data: Partial<InputUnitWeightValue>) => void	no	undefined	Función que se ejecuta al cambiar el valor o la unidad, devolviendo los datos actualizados.
options	Unit_Weight[]	no	Object.keys(Unit_Weight).map((e) => Unit_Weight[e])	Opciones de unidades de peso disponibles para seleccionar.
className	string	no	''	Clase CSS para personalizar el estilo del componente.
classNameDisabled	string	no	''	Clase CSS para el estado deshabilitado del componente.
classNameInput	string	no	''	Clase CSS para el campo de entrada de texto.

Storybook

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

Usos

Uso básico

<InputUnitWeight />

Con valor predeterminado

<InputUnitWeight defaultValue={{ value: 5, unit: "kilograms" }} />

Con función onChange

<InputUnitWeight onChange={(data) => console.log(data)} />

Volumen Gridmenuleft