Skip to content

Suggestions for non specified components

Jonathan Garbee edited this page May 19, 2015 · 2 revisions

Material Design doesn't cover every component that developers need. Here is some non-official guidance on how to handle different situations.

Components

Pagination

Pagination is a staple for applications with an abundance of data. It however is not specified by Material Design. Within some applications plain circles are used for each page. If you want to display page numbers or icons for the buttons, you can use this quick work-around to get pagination.

Setup

Use a standard button and add this styling:

.pagination .mdl-button {
  border-radius:50%;
   min-width: 20px;
}

Assuming a pagination class as a container to what holds the buttons.