Chronometer

El componente Chronometer es un componente que muestra un tiempo en descenso hasta llegar al tiempo minimo.

Para importar el componente Chronometer, se puede hacer desde fenextjs o fenextjs-component

import {
  Chronometer,
  ChronometerProps,
} from "fenextjs/cjs/component/Chronometer";

import {
  Chronometer,
  ChronometerProps,
} from "fenextjs-component/cjs/Chronometer";

Propiedad	Tipo	Requerido	Descripción
time	number	no	El tiempo en segundos para el componente.
onChange	(time: number) => void	no	Función de cambio de tiempo para el componente.
min	number	no	El mínimo en segundos para el componente.
optionsTimeToText	getTimeToTextProps	no	Opciones para convertir tiempo a texto en el componente.

Propiedad	Tipo	Requerido	Default	Descripción
days	boolean	no	true	Incluir el componente de días en la salida. Por defecto, true.
hours	boolean	no	true	Incluir el componente de horas en la salida. Por defecto, true.
minutes	boolean	no	true	Incluir el componente de minutos en la salida. Por defecto, true.
seconds	boolean	no	true	Incluir el componente de segundos en la salida. Por defecto, true.

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

<Chronometer
  time={60}
  onChange={(newTime) => console.log(`Nuevo tiempo: ${newTime} segundos`)}
  min={0}
/>