RadioGroupDisabled() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ RadioGroupDisabled() — ui Function Reference

Dependency Diagram

graph TD
  704f423c_782d_23bd_c91e_cf26a8591a48["RadioGroupDisabled()"]
  d12829dd_5ced_9aa9_2bcb_2101c3088829["radio-group-example.tsx"]
  704f423c_782d_23bd_c91e_cf26a8591a48 -->|defined in| d12829dd_5ced_9aa9_2bcb_2101c3088829
  style 704f423c_782d_23bd_c91e_cf26a8591a48 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/examples/radio-group-example.tsx lines 164–189

function RadioGroupDisabled() {
  return (
    <Example title="Disabled">
      <RadioGroup defaultValue="option2" disabled>
        <Field orientation="horizontal">
          <RadioGroupItem value="option1" id="disabled-1" />
          <FieldLabel htmlFor="disabled-1" className="font-normal">
            Option 1
          </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>
    </Example>
  )
}