FORM CARD: The tile for a publishable form in a card gallery
COMPOSES: Card | Tag | Dropdown | Button | Form Switch
Promoted from five near-identical hand-rolled copies on the enquiry-forms page. Pairs with the Data Listing Card Gallery variant. Tiles in a row are equal height and their action rows line up, because the blurb takes the slack rather than the buttons.
Anatomy: tags + kebab → title → blurb (grows) → metrics strip → actions. The metrics strip breaks out to the card's edges so its rule spans the full width. Note the second card's longer blurb: the buttons still line up.
Sign-up form for autumn Open Day events — embed on your school website.
Families give their details to download the prospectus. Used by the marketing team to follow up warm leads, and the longest description here on purpose — the action row below still lines up with its neighbours.
Not yet published — no submissions can be taken.
<div class="tw-card tw-form-card"><div class="tw-card-body">head → title → desc → meta → actions</div></div>
Where publishing is a toggle rather than a menu action, the switch sits in the actions row with a visible label. It never sits alone in the header — an unlabelled switch beside two status tags is three things claiming to say the same thing.
The main application form for September 2027 entry.
<div class="tw-form-card-actions"><div class="tw-form-check tw-form-switch">…</div></div>