Toggle

Veksleknapper gir brukerne mulighet til å bytte mellom to tilstander uten å måtte bekrefte valget. Det finnes to varianter: En ren av/på knapp og en slider variant der man velger mellom to tilstander.

Eksempler Bruk Kode

Kom i gang

Installer

npm i @fremtind/jkl-toggle-switch-react

Bruk

import { ToggleSwitch, ToggleSlider } from "@fremtind/jkl-toggle-switch-react";

// Importer stilark via JavaScript med CSS-loader.
import "@fremtind/jkl-toggle-switch/toggle-switch.min.css";
import "@fremtind/jkl-icons/icons.min.css";

// Eller importer stilark via SCSS.
@use "@fremtind/jkl-toggle-switch/toggle-switch";
@use "@fremtind/jkl-icons/icons";

React

Versjon
Dokumentasjon: Readme; Changelog

Live demo

ToggleSwitch

Visning

Tema

Light

Dark

Tetthet

Default

Compact

<ToggleSwitch>Mørk modus</ToggleSwitch>

React API

Her finner du en oversikt over props på komponentene i pakken.