List

Rows with icons, descriptions, metadata, and actions. Used for settings lists, notification feeds, and sidebar navigation. Default rows are 48px (two lines); --compact reduces to 32px and --spacious expands to 64px.

Divided list

<ul class="ln-list ln-list--divided">
  <li class="ln-list__item">
    <div class="ln-list__content">
      <span class="ln-list__title">Account settings</span>
      <span class="ln-list__description">Manage your profile, email, and password.</span>
    </div>
  </li>
  <li class="ln-list__item">
    <div class="ln-list__content">
      <span class="ln-list__title">Notifications</span>
      <span class="ln-list__description">Choose which updates you receive.</span>
    </div>
  </li>
  <li class="ln-list__item">
    <div class="ln-list__content">
      <span class="ln-list__title">Billing</span>
      <span class="ln-list__description">View invoices and update payment method.</span>
    </div>
  </li>
</ul>

Account settingsManage your profile, email, and password.
NotificationsChoose which updates you receive.
BillingView invoices and update payment method.

Bordered interactive list

<ul class="ln-list ln-list--bordered ln-list--interactive">
  <li class="ln-list__item">
    <div class="ln-list__content">
      <span class="ln-list__title">Design tokens</span>
    </div>
    <span class="ln-list__meta">12 items</span>
  </li>
  <li class="ln-list__item">
    <div class="ln-list__content">
      <span class="ln-list__title">Layout blocks</span>
    </div>
    <span class="ln-list__meta">5 items</span>
  </li>
  <li class="ln-list__item">
    <div class="ln-list__content">
      <span class="ln-list__title">Content blocks</span>
    </div>
    <span class="ln-list__meta">10 items</span>
  </li>
</ul>

Design tokens
12 items
Layout blocks
5 items
Content blocks
10 items

Reference

Class	Description	Responsive
`.ln-list`	Unstyled list container	No
`.ln-list__item`	List row with flex layout	No
`.ln-list__icon`	Leading icon slot	No
`.ln-list__media`	Leading media slot (avatar, thumbnail)	No
`.ln-list__content`	Title and description wrapper	No
`.ln-list__title`	Primary text	No
`.ln-list__description`	Secondary muted text	No
`.ln-list__meta`	Trailing metadata	No
`.ln-list__action`	Trailing action slot	No
`.ln-list--divided`	Border between items	No
`.ln-list--bordered`	Outlined container with internal dividers	No
`.ln-list--interactive`	Hover highlight on items	No
`.ln-list--compact`	Reduced item height (32px)	No
`.ln-list--spacious`	Increased item height (64px)	No