Radio Group

A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.

Default

Comfortable

Compact

				
<Radio.Group class="radio__group" slot="component">
    <div class="radio__item">
        <Radio.Button class="radio__button" id="x" value="asd">
            <Radio.Indicator class="radio__indicator" />
        </Radio.Button> 
        <label class="radio__label" for="x">Default</label>
    </div>
    <div class="radio__item">
        <Radio.Button class="radio__button" id="y" value="qwe">
            <Radio.Indicator class="radio__indicator" />
        </Radio.Button> 
        <label class="radio__label" for="y">Comfortable</label>
    </div>
    <div class="radio__item">
        <Radio.Button class="radio__button" id="z" value="zxc">
            <Radio.Indicator class="radio__indicator" />
        </Radio.Button> 
        <label class="radio__label" for="z">Compact</label>
    </div>
</Radio.Group>

API Reference

Button

Prop	Type	Default
`value`	`string`	`-`

Group

Prop	Type	Default
`name`	`string`
`disabled`	`boolean`	`false`
`required`	`boolean`	`false`
`value`	`string`
`direction`	`Direction`	`ltr`
`orientation`	`Orientation`	`both`
`loop`	`boolean`	`true`

Indicator

No props