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
689 B
TypeScript
25 lines
689 B
TypeScript
import { useState } from "react"
|
|
import { Label, Switch } from "@medusajs/ui"
|
|
|
|
export default function SwitchControlled() {
|
|
const [checked, setChecked] = useState(false)
|
|
|
|
return (
|
|
<div className="flex flex-col gap-2">
|
|
<div className="flex items-center gap-x-2">
|
|
<Switch
|
|
id="manage-inventory-controlled"
|
|
checked={checked}
|
|
onCheckedChange={setChecked}
|
|
/>
|
|
<Label htmlFor="manage-inventory-controlled">Manage Inventory</Label>
|
|
</div>
|
|
<div className="txt-small text-ui-fg-muted">
|
|
{checked
|
|
? "You are managing inventory"
|
|
: "You are not managing inventory"}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|