glaze_basecoat - v1.0.0

glaze/basecoat/badge

Basecoat documentation: https://basecoatui.com/components/badge/

The badge element, sometimes called a “tag”, is used to attach short contextual information to nearby content.

Common examples include labels like “New”, “Beta”, “Paid”, or status chips in lists and cards.

Variants

Recipe

import glaze/basecoat/badge
import lustre/element/html

fn status() {
  badge.badge([], [html.text("New")])
}

Values

badge

</> 
pub fn badge(
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)

destructive

</> 
pub fn destructive(
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)
</> 
pub fn link(
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)
</> 
pub fn link_destructive(
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)
</> 
pub fn link_outline(
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)
</> 
pub fn link_secondary(
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)

outline

</> 
pub fn outline(
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)

secondary

</> 
pub fn secondary(
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)

with_icon

</> 
pub fn with_icon(
  icon: element.Element(msg),
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)
✨ Search Document