DevactionUI.AuthLayout (devaction_ui v0.1.0)

Copy Markdown View Source

The page around a sign-in screen: a framed panel with two columns. On the left the product (its mark and name, a headline and a few reasons to sign in); on the right whatever the screen needs, usually an AuthCard; along the bottom a copyright line and a few links. The columns wrap on a narrow screen, the product above the form.

It draws no logo and says nothing itself: the mark is the brand slot, every word is an attribute or slot, so the same layout serves any product. Colours are tokens, so it follows the light and the dark theme.

Summary

Functions

auth_layout(assigns)

Attributes

  • about_label (:string) (required) - names the product column for assistive technology.
  • headline (:string) (required)
  • copyright (:string) (required)
  • class (:any) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • brand (required) - the product's mark and name.
  • feature - a reason to sign in; the slot body is its icon. Accepts attributes:
    • title (:string) (required)
    • text (:string) (required)
  • link - a link in the footer. Accepts attributes:
    • href (:string) (required)
  • inner_block (required) - the right column: the form's card or cards.