Card Headings

Explore our card headings, designed to capture attention and neatly categorize content within cardBased layouts.

Avatar

A simple card heading with an avatar.

Live preview:
Avatar Actions

A card heading featuring an avatar with associated actions.

Live preview:
Avatar Actions Alternate

An alternate layout for the avatar card heading with actions.

Live preview:
Centered Title

A card heading with a title centered within.

Live preview:
Centered Title Description

A centered title card heading accompanied by a brief description.

Live preview:
Title

A straightforward card heading with a title.

Live preview:
Title Action

A title-based card heading that includes an action button.

Live preview:
Title Chip

Card heading featuring a title with an accompanying chip for added context.

Live preview:
Title Description

A card heading featuring a title followed by a short description.

Live preview:
Title Description Actions

A card heading with a title, description, and associated actions.

Live preview:
Title Description Centered Reversed

Card heading with a centered title and reversed layout, accompanied by a description.

Live preview:
Title Description Reversed

Card heading with a reversed layout, featuring a title followed by a description.

Live preview:
Title Description Reversed Avatar

A reversed layout card heading with a title, description, and an avatar.

Live preview:
Title Description Reversed Well

Card heading with a reversed layout, title, and description, presented in a well-defined style.

Live preview:
Title Description Tabs

A card heading featuring a title, description, and tabbed navigation options.

Live preview:
Title Large

A card heading with a prominently displayed large title.

Live preview:
Title Large Description

A large title card heading accompanied by a description.

Live preview: