CheckboxInvalid() — ui Function Reference

Architecture documentation for the CheckboxInvalid() function in checkbox-invalid.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ CheckboxInvalid() — ui Function Reference

Dependency Diagram

graph TD
  ab91cf37_fa4d_06cd_72b7_6de6d1114bf7["CheckboxInvalid()"]
  e2be1995_80d6_921e_3c55_a89037bdbce1["checkbox-invalid.tsx"]
  ab91cf37_fa4d_06cd_72b7_6de6d1114bf7 -->|defined in| e2be1995_80d6_921e_3c55_a89037bdbce1
  style ab91cf37_fa4d_06cd_72b7_6de6d1114bf7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/checkbox-invalid.tsx lines 4–19

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>
  )
}