DevactionUI.PageHeader (devaction_ui v0.3.1)

Copy Markdown View Source

The head of a screen as the canvas lays it out: the breadcrumb above, then the title with its status tag and the actions at the end, an optional line of text, and the tabs under it. It only places the pieces; each one is the caller's (a DevactionUI.Breadcrumb, a DevactionUI.Tag, buttons, tabs). The toolbar slot is a row under the tabs, for the search and the filters of a list, with toolbar_end at its end for the count of results.

Summary

Functions

page_header(assigns)

Functions

page_header(assigns)

Attributes

  • id (:string) (required)
  • size (:atom) - :md is the 28px title of a page inside an app shell; :lg is the 40px of a page of its own. Defaults to :lg. Must be one of :lg, or :md.
  • class (:any) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • breadcrumb
  • status - a tag beside the title: AT RISK, DRAFT.
  • title (required)
  • subtitle
  • actions - the buttons at the end.
  • tabs - the tabs under the head.
  • toolbar - a row under the tabs: the search and the filters.
  • toolbar_end - the end of the toolbar: the count of results.