Home / File/ field-checkbox.tsx — ui Source File

field-checkbox.tsx — ui Source File

Architecture documentation for field-checkbox.tsx, a tsx file in the ui codebase. 2 imports, 1 dependents.

File tsx DocumentationAtlas Changelog 2 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  8de3f498_e877_0aad_280e_d6e63a8f1711["field-checkbox.tsx"]
  0e5204ae_c5d7_cc02_3599_620cb7011a92["checkbox"]
  8de3f498_e877_0aad_280e_d6e63a8f1711 --> 0e5204ae_c5d7_cc02_3599_620cb7011a92
  b5f68436_cf6b_fba3_fb29_abf27fd13442["field"]
  8de3f498_e877_0aad_280e_d6e63a8f1711 --> b5f68436_cf6b_fba3_fb29_abf27fd13442
  53860de0_4d86_dc1d_c85a_07c01f0d1a07["index.tsx"]
  53860de0_4d86_dc1d_c85a_07c01f0d1a07 --> 8de3f498_e877_0aad_280e_d6e63a8f1711
  style 8de3f498_e877_0aad_280e_d6e63a8f1711 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { Checkbox } from "@/examples/radix/ui/checkbox"
import { Field, FieldLabel } from "@/examples/radix/ui/field"

export function FieldCheckbox() {
  return (
    <FieldLabel htmlFor="checkbox-demo">
      <Field orientation="horizontal">
        <Checkbox id="checkbox-demo" defaultChecked />
        <FieldLabel htmlFor="checkbox-demo" className="line-clamp-1">
          I agree to the terms and conditions
        </FieldLabel>
      </Field>
    </FieldLabel>
  )
}

Subdomains

Functions

Dependencies

  • checkbox
  • field

Frequently Asked Questions

What does field-checkbox.tsx do?
field-checkbox.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, Changelog subdomain.
What functions are defined in field-checkbox.tsx?
field-checkbox.tsx defines 1 function(s): FieldCheckbox.
What does field-checkbox.tsx depend on?
field-checkbox.tsx imports 2 module(s): checkbox, field.
What files import field-checkbox.tsx?
field-checkbox.tsx is imported by 1 file(s): index.tsx.
Where is field-checkbox.tsx in the architecture?
field-checkbox.tsx is located at apps/v4/app/(app)/(root)/components/field-checkbox.tsx (domain: DocumentationAtlas, subdomain: Changelog, directory: apps/v4/app/(app)/(root)/components).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free