layout

Containers, stacks, rows and separators.

Types

Which way a separator runs.

pub type Orientation {
  Horizontal
  Vertical
}

</>

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

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

</>

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

A centred column with a maximum width and page padding.

</>

pub fn container_class() -> css.Class

</>

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

Children in a row with a gap, wrapping when they run out of room.

</>

pub fn row_class() -> css.Class

</>

pub fn separator(
  orientation: Orientation,
  attributes: List(attribute.Attribute(msg)),
) -> element.Element(msg)

A line between sections. A vertical one divides the items of a row.

</>

pub fn separator_class(orientation: Orientation) -> css.Class

</>

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

Children stacked vertically with a gap.

</>

pub fn stack_class() -> css.Class