Scale — Row

Install

Add a leading-icon and/or trailing-icon; the label fills the space between.

List item

Verified

View details

Profile

hide-divider removes the line below a single row — useful for the last item in a list.

No divider below

pricing feature lists, settings rows, and any horizontal label-value pair. Used for the feature lines in Card Pricing.

Use rows for short, scannable label or label-value lines.
Use a trailing chevron only when the row navigates somewhere.
Set hide-divider on the final row, or hide all dividers via --sc-row-divider-display: none on the container.

Semantics: Row is a presentational container — for a true list, place rows inside a <ul> / <li> so it’s announced as a list.
Icons: the leading/trailing icons are decorative; the label text must carry the meaning.
Interactivity: Row isn’t focusable on its own — if it should act, wrap the content in a real Button or link.
Divider: the built-in subtle divider is decorative; don’t depend on it to group content for assistive tech.