LanternUI.Components.Icon (LanternUI v0.5.0)

Copy Markdown View Source

A small, curated inline-SVG icon set (Heroicons outline paths, MIT).

Self-contained by design: no icon font, no Tailwind plugin, no host asset pipeline — the SVG ships in the HTML, sized in em so it scales with text and colored via currentColor.

<.icon name="chevron-down" />
<.icon name="calendar-days" class="lui-mr-1" />

The set is deliberately minimal: what LanternUI's own components need plus the everyday few. It is not a general icon system — for that, use your host's icon setup.

Summary

Functions

Renders an icon by name. Available: arrow-down-tray, arrow-path, arrow-right, arrow-up-tray, bars-3, calendar-days, chart-bar, check, chevron-down, chevron-left, chevron-right, chevron-up, circle-stack, clock, cloud, document, ellipsis-horizontal, exclamation-circle, folder, folder-open, magnifying-glass, minus, plus, squares-2x2, trash, x-mark.

Functions

icon(assigns)

Renders an icon by name. Available: arrow-down-tray, arrow-path, arrow-right, arrow-up-tray, bars-3, calendar-days, chart-bar, check, chevron-down, chevron-left, chevron-right, chevron-up, circle-stack, clock, cloud, document, ellipsis-horizontal, exclamation-circle, folder, folder-open, magnifying-glass, minus, plus, squares-2x2, trash, x-mark.

Attributes

  • name (:string) (required) - Must be one of "arrow-down-tray", "arrow-path", "arrow-right", "arrow-up-tray", "bars-3", "calendar-days", "chart-bar", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-stack", "clock", "cloud", "document", "ellipsis-horizontal", "exclamation-circle", "folder", "folder-open", "magnifying-glass", "minus", "plus", "squares-2x2", "trash", or "x-mark".
  • class (:any) - Defaults to nil.
  • Global attributes are accepted.