Template:Stackable card

Template documentation

[view] [edit] [history] [purge]

A stackable card is a basic design element. They're cards of content that line up next to each other, taking up the full width of the container they're in (such as the page body). If the screen becomes narrower, they stack on top of each other. They should never be wider than the container itself. This template is used to implement the design of {{Wikimedia Resource Center listing}}.

Usage

Each card is divided roughly into three sections: a header, the main contents, and the footer. As so:

{{Stackable card|header=Introduction|contents=Welcome to this lovely page.|footer=(Buttons might go here.)}}

Introduction

Welcome to this lovely page.

(Buttons might go here.)

For extra customization, you can add CSS classes and styles to the card as well as custom attributes (such as IDs or data attributes).

{{Stackable card|header=Introduction|contents=Welcome to this lovely page.|footer=(Buttons might go here.)|styles=padding:4em;|class=error|attributes=data-test=Wow!}}

The above documentation is transcluded from Template:Stackable card/doc. (edit | history)
Editors can experiment in this template’s sandbox (create | mirror) and testcases (create) pages.
Please add categories to the /doc subpage. Subpages of this template.