24 lines
611 B
TypeScript
24 lines
611 B
TypeScript
import {
|
|
Field,
|
|
FieldContent,
|
|
FieldDescription,
|
|
FieldLabel,
|
|
} from "@/styles/radix-nova/ui/field"
|
|
import { Switch } from "@/styles/radix-nova/ui/switch"
|
|
|
|
export function SwitchInvalid() {
|
|
return (
|
|
<Field orientation="horizontal" className="max-w-sm" data-invalid>
|
|
<FieldContent>
|
|
<FieldLabel htmlFor="switch-terms">
|
|
Accept terms and conditions
|
|
</FieldLabel>
|
|
<FieldDescription>
|
|
You must accept the terms and conditions to continue.
|
|
</FieldDescription>
|
|
</FieldContent>
|
|
<Switch id="switch-terms" aria-invalid />
|
|
</Field>
|
|
)
|
|
}
|