RadioGroupDisabled() — ui Function Reference

Architecture documentation for the RadioGroupDisabled() function in radio-group-disabled.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ RadioGroupDisabled() — ui Function Reference

Dependency Diagram

graph TD
  6fe8c792_3339_f109_a964_39adfcbd4a1b["RadioGroupDisabled()"]
  db04041c_4d49_84ff_be8a_a77186f2c5ab["radio-group-disabled.tsx"]
  6fe8c792_3339_f109_a964_39adfcbd4a1b -->|defined in| db04041c_4d49_84ff_be8a_a77186f2c5ab
  style 6fe8c792_3339_f109_a964_39adfcbd4a1b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/radio-group-disabled.tsx lines 4–27

export function RadioGroupDisabled() {
  return (
    <RadioGroup defaultValue="option2" className="w-fit">
      <Field orientation="horizontal" data-disabled>
        <RadioGroupItem value="option1" id="disabled-1" disabled />
        <FieldLabel htmlFor="disabled-1" className="font-normal">
          Disabled
        </FieldLabel>
      </Field>
      <Field orientation="horizontal">
        <RadioGroupItem value="option2" id="disabled-2" />
        <FieldLabel htmlFor="disabled-2" className="font-normal">
          Option 2
        </FieldLabel>
      </Field>
      <Field orientation="horizontal">
        <RadioGroupItem value="option3" id="disabled-3" />
        <FieldLabel htmlFor="disabled-3" className="font-normal">
          Option 3
        </FieldLabel>
      </Field>
    </RadioGroup>
  )
}