Komponen / Form & input

Switch

Mengaktifkan/menonaktifkan pengaturan yang LANGSUNG berlaku (tanpa tombol Simpan). Untuk pilihan di dalam form yang disimpan belakangan, pakai Checkbox.

React · BetaFigma · siapFigma Sumber

Dasar

Notifikasi e-mail saat PO menunggu approvalTampilkan kolom marginMode audit (diatur Admin)

import { useState } from 'react';
import { Switch } from '@divistant/circca-react';

export default function Example() {
  const [notif, setNotif] = useState(true);
  return (
    <div className="grid gap-3">
      <Switch checked={notif} onCheckedChange={setNotif}>
        Notifikasi e-mail saat PO menunggu approval
      </Switch>
      <Switch size="sm" defaultChecked>Tampilkan kolom margin</Switch>
      <Switch disabled>Mode audit (diatur Admin)</Switch>
    </div>
  );
}