Twikit

Get Started Components Avatar Badge Button Carousel Checkbox Color Picker Item Context Menu Context Menu Item Icon Image Picker Item Input Input Unscoped Modal Nav Nav Group Nav Item Picker Progress Radio Radio Group Range Select Sortable Sortable Item Spinner Step Steps Tab Tab Group Textarea Toggle Tooltip CSS Framework Design Tokens Theming

Radio

A radio button allows the user to choose only one option from a predefined list of options.

<tw-radio-group name="group">
  <tw-radio
    label="One"
    value="one"
  ></tw-radio>
  <tw-radio
    label="Two"
    value="two"
  ></tw-radio>
  <tw-radio
    label="Three"
    value="three"
  ></tw-radio>
</tw-radio-group>

Properties

Property Attribute Description Type Default
value value The value of the control. string | undefined undefined
label label The label of the control. string | undefined undefined
checked checked Controls whether the radio is checked. boolean false
disabled disabled Controls whether the radio is disabled. boolean false

Events

Name Description
change