Skip to content
BigBang

Popular

    ↑↓Navigate↵OpenEscClose
    TR

    Components

    RadioGroup

    Gathers options that exclude each other under one legend and allows exactly one choice.

    Storybook
    Storybook
    Source
    Source

    28 October 2026

    Section titled “28 October 2026”

    Added

    • First version: a radio group on Base UI RadioGroup and Fieldset.
    • RadioGroup: label (<legend>), description, error, required, necessityIndicator, value, defaultValue, onValueChange, name, orientation, disabled.
    • Radio: label, description, value, disabled.
    • The dot appears with motion.selectionMark; the radio-size component token.

    Changed

    • The unselected button uses the input border (border-input).
    • Focus shows as a 2 px outer focus outline with a 2 px gap (focus-outline).