Docs draft
ActionListItem
Component storyFigma component ↗React component ↗DSDS entity ↗
Anatomy
title — type.body — the thing itself (card number, device, invoice).
meta slot — Stack any number of caption lines in text.secondary.
trailing slot — Defaults to an accent action; drop values, Links, or Buttons. The old raw-orange actions resolve through accent.text.
Design specifications
| title | type.body in color.text.primary |
| meta | type.caption in color.text.secondary |
| trailing | type.label in color.accent.text |
| padding-y | space.12 |
Accessibility
The row itself is static; interactivity lives in what you put in the trailing slot (real Buttons/Links).