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
  640c8320_4125_0a49_5bcf_4dfa02c33811["RadioGroupDisabled()"]
  88653f37_f66c_8f89_b729_68665949881e["radio-group-disabled.tsx"]
  640c8320_4125_0a49_5bcf_4dfa02c33811 -->|defined in| 88653f37_f66c_8f89_b729_68665949881e
  style 640c8320_4125_0a49_5bcf_4dfa02c33811 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/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>
  )
}