Duskmoon UI v10.0.11
Theme
List dm_list
## Overview List component using `@duskmoon-dev/core` CSS classes. Renders a vertical list with item titles, subtitles, icons, active/disabled states, and optional subheaders. ## Usage ```elixir <.dm_list> <:item title="Inbox" subtitle="3 new messages" icon="email" /> <:item title="Drafts" icon="file-document-edit-outline" /> <:item title="Trash" icon="delete" disabled /> </.dm_list> ```

Basic List

  • Inbox
  • Drafts
  • Sent
  • Trash

List with Icons

  • Inbox
    3 new messages
  • Drafts
  • Sent
  • Trash

Active and Disabled Items

  • Home
  • Profile
  • Settings
  • Admin

Bordered and Hoverable

  • Apple
    A sweet fruit
  • Banana
    A tropical fruit
  • Cherry
    A small stone fruit

Compact List

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5

Dense List

  • Dense Item 1
  • Dense Item 2
  • Dense Item 3

Two-Line List with Subheader

  • Account
  • Preferences
  • Profile
    View and edit your profile
  • Security
    Manage passwords and 2FA
  • Notifications
    Configure alert settings
  • Theme
    Light or dark mode

Interactive Items

  • Dashboard
    Go to dashboard
  • Analytics
    View reports
  • Settings
    Configure app

Three-Line List

  • Meeting Notes
    Discussed Q4 roadmap priorities and resource allocation for the upcoming sprint.
  • Design Review
    Reviewed new component library designs. Feedback collected from team leads.