When to use
Use a grouped list for settings, forms, and anything shaped like the Settings app. Rows can hold icons, values, switches, and checkmarks, and groups keep related options together.
Props
| Prop | Values | Default | Description |
|---|---|---|---|
data-varianton .ios-list__group | "plain" | inset | Edge-to-edge rows without rounded corners. |
--bgon .ios-row__icon | CSS color | – | Icon tile color. |
data-toneon .ios-row__title | "destructive" | "tint" | label color | Red or accent title. |
data-tallon .ios-row | boolean | false | Taller row for two lines. |