Bedrock + Material Design

Buttons

Buttons communicate an action a user can take. They are typically placed throughout your UI, in places like dialogs, forms, cards, and toolbars.

Regular button

#

A regular button. Note that we put both a button and an a tag here to be able to test layout differences.

Raised button

#

A raised button. Note that we put both a button and an a tag here to be able to test layout differences.

Unelevated button

#

An unelevated button. Note that we put both a button and an a tag here to be able to test layout differences.

Outlined button

#

An outlined button. Note that we put both a button and an a tag here to be able to test layout differences.

Icon button

#

A button with an icon. Note that we put both a button and an a tag here to be able to test layout differences.

Icon button (no label)

#

Icons are appropriate for buttons that allow a user to take actions or make a selection, such as adding or removing a star to an item.

Standard Floating Action Button

#

A standard floating action button.

Mini Floating Action Button

#

A mini floating action button.

Prototype navigation

Press Ctrl + M to toggle this navigation or click here.