Forms
Selector Item
A list row pairing a leading icon/avatar and label/description with a trailing radio, checkbox, or switch.
Usage
Installation
npm install @wunderui/reactThen import what you need:
import { SelectorItem, SelectorItemGroup } from "@wunderui/react"Examples
Checkbox rows
The whole row toggles its checkbox.
Radio rows
One row at a time.
Switch rows
Settings with a switch.
In context
How the component is used inside real screens — the same compositions as the Usage section of the Figma page.
Shipping method
Delivery options as rows with timing and price; the order total follows the choice.
API Reference
| Prop | Type | Default |
|---|---|---|
| leading | ReactNode | — |
| title | ReactNode | — |
| description | ReactNode | — |
| control | ReactNode | — |