RadioGroupBasic() — ui Function Reference

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

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ RadioGroupBasic() — ui Function Reference

Dependency Diagram

graph TD
  1e36f222_f841_1958_1292_5a4b14d51f3f["RadioGroupBasic()"]
  e09732a2_ec70_d8cf_a515_889fb2bd98e8["radio-group-example.tsx"]
  1e36f222_f841_1958_1292_5a4b14d51f3f -->|defined in| e09732a2_ec70_d8cf_a515_889fb2bd98e8
  style 1e36f222_f841_1958_1292_5a4b14d51f3f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/examples/radio-group-example.tsx lines 31–56

function RadioGroupBasic() {
  return (
    <Example title="Basic">
      <RadioGroup defaultValue="comfortable">
        <Field orientation="horizontal">
          <RadioGroupItem value="default" id="r1" />
          <FieldLabel htmlFor="r1" className="font-normal">
            Default
          </FieldLabel>
        </Field>
        <Field orientation="horizontal">
          <RadioGroupItem value="comfortable" id="r2" />
          <FieldLabel htmlFor="r2" className="font-normal">
            Comfortable
          </FieldLabel>
        </Field>
        <Field orientation="horizontal">
          <RadioGroupItem value="compact" id="r3" />
          <FieldLabel htmlFor="r3" className="font-normal">
            Compact
          </FieldLabel>
        </Field>
      </RadioGroup>
    </Example>
  )
}