BwRadio | bw-radio

Overview

Radios can be used in a BwRadioGroup to allow the user to select a single option from a list.

Usage

Variants

Regular size

Large size

Starting Label

Ending Label

Disabled

Readonly

<div>
  <bw-radio-option value="one" size="rg">Regular size</bw-radio-option>
</div>
<div>
  <bw-radio-option value="one" size="lg">Large size</bw-radio-option>
</div>
<div>
  <bw-radio-option label-placement="start" value="one">Starting Label</bw-radio-option>
</div>
<div>
  <bw-radio-option label-placement="end" value="one">Ending Label</bw-radio-option>
</div>
<div>
  <bw-radio-option value="one" disabled="true">Disabled</bw-radio-option>
</div>
<div>
  <bw-radio-option value="one" readonly="true" selected="true">Readonly</bw-radio-option>
</div>

Properties

Property	Attribute	Description	Type	Default
disabled	disabled	Forces disabled state and prevents changes to this individual radio	boolean	false
large	large	Makes the option bigger	boolean	false
selected	selected	If the option is currently selected	boolean	undefined
value	value	The value of this option that the radio group will compare against	any	undefined

Slots

Slot	Description
	The content of the radio button

Shadow Parts

Part	Description
"button"	The button of the radio button

Dependencies

Depends on

• bw-icon

Graph

---

© 2025 United Systems & Software - All Rights Reserved.