Files
shadcn-ui/apps/v4/examples/base/checkbox-invalid.tsx
2026-01-15 10:59:58 +04:00

20 lines
553 B
TypeScript

import { Checkbox } from "@/examples/base/ui/checkbox"
import { Field, FieldGroup, FieldLabel } from "@/examples/base/ui/field"
export function CheckboxInvalid() {
return (
<FieldGroup className="mx-auto w-56">
<Field orientation="horizontal" data-invalid>
<Checkbox
id="terms-checkbox-invalid"
name="terms-checkbox-invalid"
aria-invalid
/>
<FieldLabel htmlFor="terms-checkbox-invalid">
Accept terms and conditions
</FieldLabel>
</Field>
</FieldGroup>
)
}