Toggle
El componente Toggle nos permite activar y desactivar ítems.
import React from "react";
import { Toggle } from "@nimbus-ds/components";
const Example: React.FC = () => <Toggle name="my-toggle" />;
export default Example;Se compone de un selector con dos posiciones.
Usamos este componente para ajustar configuraciones de opciones binarias, por ejemplo: On/off o verdadero/falso. Además, este componente se caracteriza por ejecutar las configuraciones seleccionadas de forma inmediata. Es decir, no necesita pasar por una instancia de guardado de datos luego de cambiar de posición. Es por esto que sólo debería utilizarse en contextos donde el guardado de datos sea instantáneo.
El componente no posee texto, por lo que cuenta con una tag (Aria Label) para facilitar la identificación de su estado para personas con algún tipo de limitación visual o cognitiva.
- Activar o desactivar un único ítem
- Activar o desactivar algo inmediatamente
- Radio - Puede ser usado para seleccionar una única opción dentro de una lista no binaria, con dos o más ítems.
- Checkbox - Puede ser usado para activar o desactivar una única opción en un contexto donde el guardado de datos no es inmediato.
Instalá el componente via terminal.
npm install @nimbus-ds/toggleAdditional props are passed to the <Toggle> element. See input docs for a list of props accepted by the <Toggle> element.