Lumeo

List

A vertical list of items with support for icons, meta text, leading/trailing content, and hover states — the building block for menus, contacts, settings, and feeds.

Installation

dotnet add package Lumeo

One-time app setup (AddLumeo(), CSS & JS) is covered in the installation guide.

Usage

@using Lumeo

<List />
  • Alice Johnson

    alice@example.com

  • Bob Smith

    bob@example.com

  • Carol White

    carol@example.com

  • Inbox

    12 unread messages

  • Sent

    View sent messages

  • Drafts

    3 unsaved drafts

  • Trash

    Empty trash

  • Notifications

    3
  • Messages

    12
  • Settings

Xxs

  • Item one

  • Item two

Xs

  • Item one

  • Item two

Small

  • Item one

  • Item two

Default (Md)

  • Item one

  • Item two

Large

  • Item one

  • Item two

Xl

  • Item one

  • Item two

Xxl

  • Item one

  • Item two

  • View profile

  • Account settings

  • Sign out

API Reference

List

ListItem