Cards

Header
Supertitle

Card title

Subtitle for this card

Card content lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Action Action
Footer
Supertitle

Card title

Subtitle for this card

Card content lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Action Action
Header
Supertitle

Long card title that wraps

Card content lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Action Action
Alarm
Closing soon

Card title

Subtitle for this card

Card content lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Action   Action
Card title

Card content lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Action Action

Card title

Subtitle for this card

Card content lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Action Action

Avatars

Avatar types

Empty:
Name:
Explicit abbreviation:
Image:

Avatar sizes

Avatar shapes

Avatar group

Tooltips

I have a plaintext tooltip.

I have a tooltip with HTML content.