LanternUI.Components.Badge (LanternUI v0.8.2)

Status badge / pill. Mirrors Fluxon's badge/1 surface.

<.badge>Default</.badge>
<.badge color="success" variant="soft">Shipped</.badge>
<.badge color="danger" size="sm">Failed</.badge>

Summary

badge(assigns)

color (:string) - Semantic color token for the badge surface. Defaults to "neutral". Must be one of "neutral", "primary", "accent", "info", "success", "warning", or "danger".
variant (:string) - Surface style: soft tint, solid fill, or outline border. Defaults to "soft". Must be one of "soft", "solid", or "outline".
size (:string) - Badge padding and type scale. Defaults to "md". Must be one of "sm", "md", or "lg".
class (:any) - Extra classes merged onto the root element. Defaults to nil.
Global attributes are accepted. Arbitrary HTML/phx-* attributes passed through.