Example Component Library
Demo Components
Card
Layouts Hero
Info card Slotted card
Alert Badge Button Quote oneup Rich button User card
Demo Extra Button
Demo Nav
Cards Info card
Elements Quote oneup Badge
Icon Accessibility
Generic Divider Tooltip
Action button Design guidelines
Demo Single Chip Pill
Gallery / Demo Components / Card / Layouts / Hero Gallery / / Hero
Demo Components / Card / Layouts /
Documentation

Description

A full-width hero card with a custom registered name.

Demonstrates Meta.name — this component is registered as hero rather than the auto-derived hero_card. Also demonstrates a deeply-nested layout (components/card/layouts/).

Example usage::

{% hero %}

Usage

Minimal example

{% hero %}

Bigger example

{% hero %}

Qualified tag usage

{% cards__layouts__hero %}

This component has no parameters.

Sandbox