The card of a sign-in screen: a header with a soft grid and an amber glow behind an icon tile, a title and a line of text, then the form, and optionally a quieter strip at the bottom for the other way in ("No account? Create one"). One screen is one card, or a card and a note under it.
The icon is the icon slot; icon_tone: :brand puts it on the product's dark tile (the --brand-tile and
--brand-tile-line tokens), :plain on a card-coloured one, and icon_class tints it further (an envelope or
a lock on an amber one). heading is the level of the title: :h1 when the card is the page, :h2 when
something else already is. The text is text, or the subtitle slot when part of it is bold, such as an e-mail
address.
Summary
Functions
Attributes
title(:string) (required)text(:string) - Defaults tonil.heading(:atom) - Defaults to:h1. Must be one of:h1, or:h2.icon_tone(:atom) - Defaults to:plain. Must be one of:plain, or:brand.icon_class(:any) - classes for the icon's tile, over the default. Defaults tonil.class(:any) - Defaults tonil.- Global attributes are accepted.
Slots
icon- the icon or the mark, drawn by the caller.subtitle- rich text under the title, instead oftext.inner_block(required) - the form or the content of the card.footer- the strip under the form.