The design system toggle component. It is used to toggle a binary option, for example Dark background in a Custom component.

A toggle must always have a label, passed through its default slot.

Install

npm install @fluid-topics/ftds-toggle
yarn add @fluid-topics/ftds-toggle

Usage

import { html } from "lit"
import "@fluid-topics/ftds-toggle"

function render() {
    return html`<ftds-toggle checked>Toggle me</ftds-toggle>`
}