MDC

Radio Button

READMEDemo

Components

  • mdc-radio-button

Status

Component Ready to use
mdc-radio-button Nearly Yes

Checked

Code
<mdc-radio-button></mdc-radio-button>

<mdc-radio-button default-checked></mdc-radio-button>

Disabled

Code
<mdc-radio-button default-checked></mdc-radio-button>

<mdc-radio-button default-checked disabled></mdc-radio-button>

<mdc-radio-button disabled></mdc-radio-button>

Name

Code
<form>
    <mdc-radio-button name="group-a" value="1"></mdc-radio-button>
    <mdc-radio-button name="group-a" value="2"></mdc-radio-button>
</form>

<form>
    <mdc-radio-button name="group-b" value="1"></mdc-radio-button>
    <mdc-radio-button name="group-b" value="2"></mdc-radio-button>
</form>

Required

Code
<mdc-radio-button required></mdc-radio-button>

<mdc-radio-button required default-checked></mdc-radio-button>

Value

Code
<form>
    <mdc-radio-button name="g1" value="apple"></mdc-radio-button>
    <mdc-radio-button name="g1" value="banana" default-checked></mdc-radio-button>
    <mdc-radio-button name="g1" value="cherry"></mdc-radio-button>
</form>