LanternUI.Components.ListRow (LanternUI v0.8.2)

Copy Markdown View Source

Dense issue/inbox row: leading glyph · muted mono id · truncating title · meta · trailing. ~36px tall, hairline separators, hover tint.

<.list_row identifier="#241" title="Visible progress ring" parent="Dense primitives" navigate="/tickets/241">
  <:leading><.status_glyph status={:in_progress} /></:leading>
  <:meta><.badge size="sm">ui</.badge></:meta>
  <:trailing>Sep 3</:trailing>
</.list_row>

Optional parent renders muted before the title with a › separator. The whole row is the hit target when navigate, patch, or href is set.

Pass group to set data-lantern-group so a group_band with the same key can hide this row client-side. Any sibling may carry that attribute.

Summary

Functions

list_row(assigns)

Functions

list_row(assigns)

Attributes

  • identifier (:string) - Muted mono id shown after the leading glyph (e.g. #241). Defaults to nil.
  • title (:string) (required) - Primary line; truncated.
  • parent (:string) - Optional parent title rendered muted with a › before title. Defaults to nil.
  • group (:string) - Collapse key. Rendered as data-lantern-group on the row root. Defaults to nil.
  • selected (:boolean) - Selected/active row tint. Defaults to false.
  • navigate (:string) - LiveView navigate target; whole row is a link. Defaults to nil.
  • patch (:string) - LiveView patch target; whole row is a link. Defaults to nil.
  • href (:any) - External or full-page href; whole row is a link. Defaults to nil.
  • class (:any) - Extra classes merged onto the row. Defaults to nil.
  • Global attributes are accepted. Arbitrary HTML/phx-* attributes passed through.

Slots

  • leading - Leading glyph (status/priority/kind).
  • meta - Inline tags, counts, or other chips before the trailing column.
  • trailing - Trailing column (date, assignee).