Split Row

Primary content left, secondary content or actions right. The universal shell for list rows, settings entries, and table rows where metadata or controls live opposite the label.

layoutsimple

1024px

Deploy production build

github-actions · main

2m agoactive

Run integration tests

github-actions · staging

14m agopending

Seed database migration

cli · development

1h agoinactive

Variations

With Actions

Right side shows icon action buttons instead of metadata.

1024px

API Key — Production

Last used 2 hours ago

API Key — Staging

Last used 3 days ago

API Key — Development

Last used 1 week ago

With Meta

Right side shows two metadata values (e.g. size + date) in a column.

1024px

design-system.fig

Figma · Shared with team

4.2 MBJan 12, 2025

brand-assets.zip

S3 · us-east-1

128 MBDec 3, 2024

icon-set.svg

GitHub · public

18 KBNov 28, 2024