howdy_ui - v1.0.0

howdy/ui/typography

Paragraphs, secondary text, links, and prose: long-form text such as an article or rendered Markdown.

Types

Size

</>

How large prose is set.

pub type Size {
  Small
  Base
  Large
}

Constructors 

  • Small
  • Base
  • Large

Values

classes

</> 
pub fn classes() -> List(css.Class)

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

</> 
pub fn link(
  href: String,
  children: List(element.Element(msg)),
) -> element.Element(msg)

A link.

</> 
pub fn link_class() -> css.Class

muted

</> 
pub fn muted(content: String) -> element.Element(msg)

Secondary text such as a caption or hint.

muted_class

</> 
pub fn muted_class() -> css.Class

p

</> 
pub fn p(
  children: List(element.Element(msg)),
) -> element.Element(msg)

A paragraph.

paragraph_class

</> 
pub fn paragraph_class() -> css.Class

prose

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

Long-form text: headings, paragraphs, lists, quotes, code, tables, rules and images inside it are all spaced and styled as one piece, in a comfortable measure. Wrap rendered Markdown or an article in it; the elements inside need no classes of their own.

prose_class

</> 
pub fn prose_class(size: Size) -> css.Class

Sizes are in em of the container’s size, so the whole scale follows it.

sized_prose

</> 
pub fn sized_prose(
  size: Size,
  attributes: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)
✨ Search Document