d1a1135328
* docs: create a new UI docs project (#13233) * docs: create a new UI docs project * fix installation errors * docs: migrate UI docs content to new project (#13241) * Fix content * added examples for some components * finish adding examples * lint fix * fix build errors * delete empty files * path fixes + refactor * fix build error
25 lines
802 B
TypeScript
25 lines
802 B
TypeScript
import { Checkbox, Label } from "@medusajs/ui"
|
|
|
|
export default function CheckboxAllStates() {
|
|
return (
|
|
<div className="flex flex-col gap-6">
|
|
<div className="flex items-center gap-1">
|
|
<Checkbox id="default" />
|
|
<Label htmlFor="default">Default</Label>
|
|
</div>
|
|
<div className="flex items-center gap-1">
|
|
<Checkbox id="checked" checked />
|
|
<Label htmlFor="checked">Checked</Label>
|
|
</div>
|
|
<div className="flex items-center gap-1">
|
|
<Checkbox id="disabled" disabled />
|
|
<Label htmlFor="disabled">Disabled</Label>
|
|
</div>
|
|
<div className="flex items-center gap-1">
|
|
<Checkbox id="indeterminate" checked="indeterminate" />
|
|
<Label htmlFor="indeterminate">Indeterminate</Label>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|