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

  • Two-line item

    Lorem Ipsum is simply dummy text of the printing and typesetting industry.
    check_box
  • 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.
    check_box_outline_blank

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

Input is required!
Input is required!

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 text

Media, 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.