DevactionUI.Panel (devaction_ui v0.2.3)

Copy Markdown View Source

The canvas card: a soft wrap around a bordered card, and the mono eyebrow/1 caption that opens it. The card inside takes the card colour in both themes, so it reads against the wrap around it. Its padding and gap follow size (:sm 22px and 14px, :md 24px and 20px, :lg 26px and 20px); inner_class overrides them. For the dashed box of a list with nothing in it, use DevactionUI.EmptyState.

Summary

Functions

The mono caption that says what a card holds.

A bordered card inside a soft wrap.

Functions

eyebrow(assigns)

@spec eyebrow(map()) :: Phoenix.LiveView.Rendered.t()

The mono caption that says what a card holds.

Attributes

  • class (:any) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)

panel(assigns)

@spec panel(map()) :: Phoenix.LiveView.Rendered.t()

A bordered card inside a soft wrap.

Attributes

  • id (:string) - optional; give one only when something targets the section. Defaults to nil.
  • label (:string) - the accessible name of the section, when the card has no heading. Defaults to nil.
  • class (:any) - classes of the outer wrap. Defaults to nil.
  • size (:atom) - the padding and gap of the inner card, by the density of what it holds. Defaults to :md. Must be one of :sm, :md, or :lg.
  • inner_class (:any) - classes of the inner card; replace the padding and gap of size, so give both. Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)