base-switch-disabled

PreviousNext
Docs
reuicomponent

Preview

Loading preview…
registry/default/components/base-switch/disabled.tsx
import { Label } from '@/registry/default/ui/base-label';
import { Switch } from '@/registry/default/ui/base-switch';

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

Installation

npx shadcn@latest add @reui/base-switch-disabled

Usage

import { BaseSwitchDisabled } from "@/components/base-switch-disabled"
<BaseSwitchDisabled />