Files
shadcn-ui/apps/v4/examples/base/switch-sizes.tsx
shadcn 64b88b6cdb feat: refactor styles handling across v4 (#10176)
* feat: refactor styles handling across v4

* fix

* fix

* fix

* fix

* fix

* fix
2026-03-26 09:50:58 +04:00

18 lines
599 B
TypeScript

import { Field, FieldGroup, FieldLabel } from "@/styles/base-nova/ui/field"
import { Switch } from "@/styles/base-nova/ui/switch"
export function SwitchSizes() {
return (
<FieldGroup className="w-full max-w-[10rem]">
<Field orientation="horizontal">
<Switch id="switch-size-sm" size="sm" />
<FieldLabel htmlFor="switch-size-sm">Small</FieldLabel>
</Field>
<Field orientation="horizontal">
<Switch id="switch-size-default" size="default" />
<FieldLabel htmlFor="switch-size-default">Default</FieldLabel>
</Field>
</FieldGroup>
)
}