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 e2be1995_80d6_921e_3c55_a89037bdbce1["checkbox-invalid.tsx"] 701738bf_cdcf_955d_1e15_8125ef50e18b["checkbox"] e2be1995_80d6_921e_3c55_a89037bdbce1 --> 701738bf_cdcf_955d_1e15_8125ef50e18b e6c524b5_d047_d4f9_50b2_7f100d612cb2["field"] e2be1995_80d6_921e_3c55_a89037bdbce1 --> e6c524b5_d047_d4f9_50b2_7f100d612cb2 style e2be1995_80d6_921e_3c55_a89037bdbce1 fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
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>
)
}
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/base/checkbox-invalid.tsx (domain: DocumentationAtlas, subdomain: SearchAPI, directory: apps/v4/examples/base).
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free