Blips
Documentação

Switch

Um controle que permite ao usuario alternar entre marcado e nao marcado.

Carregando…
"use client";

import { Label } from "@blips/ui/components/label";
import { Switch } from "@blips/ui/components/switch";

export default function SwitchDemo() {
  return (
    <div className="flex items-center space-x-2">
      <Switch id="airplane-mode" />
      <Label htmlFor="airplane-mode">Airplane Mode</Label>
    </div>
  );
}

Instalacao

pnpm add @blips/ui

Uso

import { Switch } from "@blips/ui/components/switch"
<Switch />

Exemplos

Exemplo

Um Switch simples acompanhado de um Label associado.

Carregando…
"use client";

import { Label } from "@blips/ui/components/label";
import { Switch } from "@blips/ui/components/switch";

export default function SwitchDemo() {
  return (
    <div className="flex items-center space-x-2">
      <Switch id="airplane-mode" />
      <Label htmlFor="airplane-mode">Airplane Mode</Label>
    </div>
  );
}

Referencia da API

Consulte a documentacao do Radix Switch.

AnteriorSpinnerPróximoTable