Card
A card is a flexible and extensible content container. It includes options for header and footer, a wide variety of content, contextual background colors, and powerful display options.
List with icon
- mood Cras justo odio
- notifications
Dapibus ac facilisis in
- person_add
Morbi leo risus
- share
Porta ac consectetur ac
- drive_eta
Vestibulum at eros
Avatar with text and icon
-
check_boxTwo-line item
Lorem Ipsum is simply dummy text of the printing and typesetting industry. -
check_box_outline_blank
Two-line item
Lorem Ipsum is simply dummy text of the printing and typesetting industry. -
check_box_outline_blank
Two-line item
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Avatar, Title, and Subtitle area
Two-line item
Secondary text
Title goes here
Secondary text
Cards provide context and an entry point to more robust information and views. Don't overload cards with extraneous information or actions.
Title, and Subtitle area
Title goes here
Secondary text
Cards provide context and an entry point to more robust information and views. Don't overload cards with extraneous information or actions.
Media and Action area
Form
Media and Description area
Cards provide context and an entry point to more robust information and views. Don't overload cards with extraneous information or actions.
Media, Title, Description and Action area
Two-line item
Secondary text
Cards provide context and an entry point to more robust information and views. Don't overload cards with extraneous information or actions.
Media, Title, and Description area
Title goes here
Secondary textMedia, Title, Action, and Description area
Title goes here
Secondary text
Cards provide context and an entry point to more robust information and views. Don't overload cards with extraneous information or actions.
Media, Title, Action, and Description area
Title goes here
Secondary text
Title, Media, and Action area
Title goes here
Secondary text
Title, Media, and Action area
Title goes here
Secondary text
Media, and Action area
Avatar, Title, and Subtitle area
Two-line item
Secondary text
Title goes here
Secondary text
Cards provide context and an entry point to more robust information and views. Don't overload cards with extraneous information or actions.