BwRadioCard | bw-radio-card

Overview

Radio Cards can be used in a BwRadioGroup to allow the user to select a single option from a list of cards.

Usage

Example

Card Option 1

Card Option 2

Card Option 3

<div style="padding-bottom: 8px;">
    <bw-card-group value="2">
      <bw-card-option value="1">
        <h2>Card Option 1</h2>
      </bw-card-option>
      <bw-card-option value="2">
        <h2>Card Option 2</h2>
      </bw-card-option>
      <bw-card-option value="3">
        <h2>Card Option 3</h2>
      </bw-card-option>
    </bw-card-group>
</div>

Properties

Property	Attribute	Description	Type	Default
selected	selected	Changes the styling of the card to indicate it is selected	boolean	false
value	value	The value for this option that bw-card-group will compare against	string	undefined

Slots

Slot	Description
	The content of the radio card

Shadow Parts

Part	Description
"button"	The outer button element
"card"	The card inside the button element

Dependencies

Depends on

• bw-card

Graph

---

© 2025 United Systems & Software - All Rights Reserved.