AdwActionRow

A preferences list row with title, subtitle, and prefix/suffix slots.

Preview

Account
Usernamejohn_doe
Emailjohn@example.com

CSS Node Tree

row[.activatable]
  └── box.header
      ├── box.prefixes
      ├── box.title (vertical)
      │   ├── label.title
      │   └── label.subtitle
      └── box.suffixes

Props

Prop

Type

Prefix & Suffix Slots

Use prefix and suffix props (or pass children which go into suffixes):

<AdwActionRow
  title="Volume"
  prefix={<GtkImage iconName="audio-volume-high-symbolic" />}
  suffix={<GtkScale value={75} min={0} max={100} />}
/>

Style Classes

ClassEffect
.propertyInverts emphasis: subtitle becomes prominent, title becomes dimmed
.monospaceApplies monospace font to subtitle only

Adwaita Documentation →

On this page