<.dm_list id="list-single-default">
  <:item title="Inbox" icon="email">12 unread messages</:item>
  <:item title="Drafts" icon="file-document-edit">3 drafts</:item>
  <:item title="Sent" icon="send">Last sent 2h ago</:item>
</.dm_list>

<.dm_list id="list-single-bordered" bordered>
  <:subheader>Settings</:subheader>
  <:item title="Profile" icon="account">Edit your profile</:item>
  <:item title="Notifications" icon="bell">Manage alerts</:item>
  <:item title="Security" icon="shield-lock">Password & 2FA</:item>
</.dm_list>

<.dm_list id="list-single-states" hoverable>
  <:item title="Active item" active={true}>Currently selected</:item>
  <:item title="Normal item">Regular item</:item>
  <:item title="Disabled item" disabled={true}>Cannot interact</:item>
</.dm_list>

<.dm_list id="list-single-interactive" bordered>
  <:item title="Dashboard" icon="view-dashboard" interactive={true}>Go to dashboard</:item>
  <:item title="Analytics" icon="chart-bar" interactive={true}>View reports</:item>
  <:item title="Settings" icon="cog" interactive={true}>Configure app</:item>
</.dm_list>

<.dm_list compact id="list-single-compact" bordered>
  <:item title="Item One" icon="chevron-right">First item</:item>
  <:item title="Item Two" icon="chevron-right">Second item</:item>
  <:item title="Item Three" icon="chevron-right">Third item</:item>
</.dm_list>

<.dm_list id="list-single-dense" dense>
  <:item>Dense item one</:item>
  <:item>Dense item two</:item>
  <:item>Dense item three</:item>
  <:item>Dense item four</:item>
</.dm_list>

<.dm_list id="list-single-two-line" two_line bordered>
  <:item title="John Doe" icon="account">john@example.com</:item>
  <:item title="Jane Smith" icon="account">jane@example.com</:item>
  <:item title="Bob Wilson" icon="account">bob@example.com</:item>
</.dm_list>

<.dm_list id="list-single-three-line" three_line>
  <:item title="Meeting Notes" icon="file-document">
    Review action items from today's standup — see full notes in Confluence
  </:item>
  <:item title="Design Review" icon="palette">
    Feedback on the new dashboard UI — mockups ready for final approval
  </:item>
</.dm_list>