howdy/ui/item

Items: rows of a list, each with an optional picture, a title and description, and actions.

item.group([
  item.item(
    media: avatar.initials("AL"),
    title: [text("Ada Lovelace")],
    description: [text("ada@example.com")],
    actions: [button.button(Outline, [], [text("Invite")])],
  ),
])

link makes a whole row go somewhere when clicked.

Values

pub fn actions_class() -> css.Class
pub fn classes() -> List(css.Class)

Every class this module uses, for howdy/ui/export.

pub fn description_class() -> css.Class
pub fn group(
  items: List(element.Element(msg)),
) -> element.Element(msg)

A list of items, with a line between each.

pub fn group_class() -> css.Class
pub fn item(
  media media: element.Element(msg),
  title title: List(element.Element(msg)),
  description description: List(element.Element(msg)),
  actions actions: List(element.Element(msg)),
) -> element.Element(msg)

A row. Pass element.none() for no media and [] for no actions.

pub fn item_class() -> css.Class
pub fn link(
  href: String,
  media media: element.Element(msg),
  title title: List(element.Element(msg)),
  description description: List(element.Element(msg)),
) -> element.Element(msg)

A row that is a link.

pub fn link_class() -> css.Class
pub fn text_class() -> css.Class
pub fn title_class() -> css.Class
✨ Search Document