Skip to content

Add Radio Button Component #142

@jainambarbhaya1509

Description

@jainambarbhaya1509

Feature request: Radio button component

Is your feature request related to a problem?
Oat UI currently lacks a native radio button component. Developers need to either style raw <input type="radio"> elements manually or reach for external solutions, which breaks the consistency of the design system.

Describe the feature
Add a styled radio button component that fits Oat UI's semantic, classless philosophy. It should cover common usage patterns out of the box:

  • Default stacked list
  • With supporting description text
  • Inline / horizontal layout
  • Card-style radio (bordered tile that activates on click)
  • Disabled state

Expected behavior

  • Styled via Oat's existing CSS variables and tokens — no extra classes needed
  • Works with native <input type="radio"> semantics
  • Accessible: keyboard navigable, correct ARIA roles
  • Consistent with existing form elements (checkbox, switch, etc.)

Additional context
This would round out the form elements section and make Oat UI a more complete solution for form-heavy UIs.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions