checkbox-invalid.tsx — ui Source File
Architecture documentation for checkbox-invalid.tsx, a tsx file in the ui codebase. 2 imports, 0 dependents.
Entity Profile
Dependency Diagram
graph LR 81e286c6_b76b_3171_adfd_878e5877e379["checkbox-invalid.tsx"] 0e5204ae_c5d7_cc02_3599_620cb7011a92["checkbox"] 81e286c6_b76b_3171_adfd_878e5877e379 --> 0e5204ae_c5d7_cc02_3599_620cb7011a92 b5f68436_cf6b_fba3_fb29_abf27fd13442["field"] 81e286c6_b76b_3171_adfd_878e5877e379 --> b5f68436_cf6b_fba3_fb29_abf27fd13442 style 81e286c6_b76b_3171_adfd_878e5877e379 fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
import { Checkbox } from "@/examples/radix/ui/checkbox"
import { Field, FieldGroup, FieldLabel } from "@/examples/radix/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>
)
}
Domain
Subdomains
Functions
Dependencies
- checkbox
- field
Source
Frequently Asked Questions
What does checkbox-invalid.tsx do?
checkbox-invalid.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, SearchAPI subdomain.
What functions are defined in checkbox-invalid.tsx?
checkbox-invalid.tsx defines 1 function(s): CheckboxInvalid.
What does checkbox-invalid.tsx depend on?
checkbox-invalid.tsx imports 2 module(s): checkbox, field.
Where is checkbox-invalid.tsx in the architecture?
checkbox-invalid.tsx is located at apps/v4/examples/radix/checkbox-invalid.tsx (domain: DocumentationAtlas, subdomain: SearchAPI, directory: apps/v4/examples/radix).
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free