Smallest Design System

Lists

Rows of comparable content that extend into tables.

Double line

Avatar, title, and description. Trailing control plus a more menu.

  • Owner
    Full, unrestricted access to organisational functions.
  • Admin
    Administrative access to all platform features, including telephony.
  • Member
    Limited operational access to agents and campaigns.
  • Guest
    Restricted access for testing & playground usage only.

Single line

Title only. Identify the right with a label, or leave it empty.

  • Owner
    Admin
  • Admin
    Member
  • Member
    Member
  • Guest
    Member

With trailing checkbox

Checkbox selection replaces the trailing action and stays on the right edge. Clicking anywhere on the row toggles it.

  • Owner
    Full, unrestricted access to organisational functions.
  • Admin
    Administrative access to all platform features, including telephony.
  • Member
    Limited operational access to agents and campaigns.
  • Guest
    Restricted access for testing & playground usage only.

Trailing controls

The trailing slot accepts inputs, selects, multi-selects, buttons, or any other interactive control without forcing the compact row to a two-line height.

  • Display name
  • Permission
  • Models
  • Members

Stacked trailing controls

Use the stacked layout when one setting owns multiple related fields on the right. The row height follows the controls.

  • Webhook endpoints
    Primary and fallback delivery targets.

Trailing text

Control-free rows can opt into neutral-50 hover feedback. The right side is only an identifier.

  • Owner
    Full, unrestricted access to organisational functions.
    Admin
  • Admin
    Administrative access to all platform features, including telephony.
    Member
  • Member
    Limited operational access to agents and campaigns.
    Member
  • Guest
    Restricted access for testing & playground usage only.
    Member

With columns

The same list, inset in a well with column labels for the trailing actions.

RolePermissionMore
  • Owner
    Full, unrestricted access to organisational functions.
  • Admin
    Administrative access to all platform features, including telephony.
  • Member
    Limited operational access to agents and campaigns.
  • Guest
    Restricted access for testing & playground usage only.
PreviousLabelNextMiddle Truncate