Checkbox

---
import { Checkbox } from "@/components/starwind/checkbox";
---

<Checkbox id="demo-checkbox" label="Checkbox" />

import { Checkbox } from "@/components/starwind/checkbox";

export function Example() {
  return (
    <Checkbox id="demo-checkbox" label="Checkbox" />
  );
}

---
import { Checkbox } from "@/components/starwind/checkbox";
---

<Checkbox id="default" label="Default" variant="default" defaultChecked />
<Checkbox id="primary" label="Primary" variant="primary" defaultChecked />
<Checkbox id="secondary" label="Secondary" variant="secondary" defaultChecked />
<Checkbox id="info" label="Info" variant="info" defaultChecked />
<Checkbox id="success" label="Success" variant="success" defaultChecked />
<Checkbox id="warning" label="Warning" variant="warning" defaultChecked />
<Checkbox id="error" label="Error" variant="error" defaultChecked />

import { Checkbox } from "@/components/starwind/checkbox";

export function Example() {
  return (
    <>
      <Checkbox id="default" label="Default" variant="default" defaultChecked />
      <Checkbox id="primary" label="Primary" variant="primary" defaultChecked />
      <Checkbox id="secondary" label="Secondary" variant="secondary" defaultChecked />
      <Checkbox id="info" label="Info" variant="info" defaultChecked />
      <Checkbox id="success" label="Success" variant="success" defaultChecked />
      <Checkbox id="warning" label="Warning" variant="warning" defaultChecked />
      <Checkbox id="error" label="Error" variant="error" defaultChecked />
    </>
  );
}

---
import { Checkbox } from "@/components/starwind/checkbox";
---

<Checkbox id="small" label="Small" size="sm" />
<Checkbox id="medium" label="Medium" size="md" />
<Checkbox id="large" label="Large" size="lg" />

import { Checkbox } from "@/components/starwind/checkbox";

export function Example() {
  return (
    <>
      <Checkbox id="small" label="Small" size="sm" />
      <Checkbox id="medium" label="Medium" size="md" />
      <Checkbox id="large" label="Large" size="lg" />
    </>
  );
}

---
import { Checkbox } from "@/components/starwind/checkbox";
---

<Checkbox id="disabled" label="Disabled" disabled />
<Checkbox id="disabled-checked" label="Disabled Checked" disabled defaultChecked />

import { Checkbox } from "@/components/starwind/checkbox";

export function Example() {
  return (
    <>
      <Checkbox id="disabled" label="Disabled" disabled />
      <Checkbox id="disabled-checked" label="Disabled Checked" disabled defaultChecked />
    </>
  );
}