Advanced UI

helpHelp

Cards

Cards are a convenient means of displaying content composed of different types of objects. They’re also well-suited for presenting similar objects whose size or supported actions can vary considerably, like photos with captions of variable length.

Basic Usage

Card with image Extra Large
nature
favorite menu share
Card with image Large
nature
Action 1 Action 2
Card with image Medium
nature
Action 1 Action 2
Card with image Small
nature
Action 1 Action 2

Card Action Buttons

nature Action buttons

The titles of Washed Out's breakthrough song and the first single from Paracosm share the two most important words in Ernest Greene's musical language: feel it. It's a simple request, as well...

Action 1 Action 2
nature Icon action buttons

The titles of Washed Out's breakthrough song and the first single from Paracosm share the two most important words in Ernest Greene's musical language: feel it. It's a simple request, as well...

favorite menu share
nature Vertical action buttons

The titles of Washed Out's breakthrough song and the first single Ernest Greene's musical language: feel it. It's a simple request, as well...

Action 1 Action 2
AngularJS Material nature Card header

The titles of Washed Out's breakthrough song and the first single from Paracosm share the two most important words in Ernest Greene's musical language: feel it. It's a simple request, as well...

nature In-card mixed actions
favorite share Action 1 Action 2

The titles of Washed Out's breakthrough song and the first single from Paracosm share the two most important words in Ernest Greene's musical language: feel it. It's a simple request, as well...

User subhead nature In-card mixed actions Reversed Action 1 Action 2 keyboard_arrow_up

The titles of Washed Out's breakthrough song and the first single from Paracosm share the two most important words in Ernest Greene's musical language: feel it. It's a simple request, as well...

menu Title subhead nature In-card actions Description Action 1 Action 2

The titles of Washed Out's breakthrough song and the first single from Paracosm share the two most important words in Ernest Greene's musical language: feel it. It's a simple request, as well...

nature favorite menu share