Bedrock + Material Design

Chips

Chips are compact elements that allow users to enter information, select a choice, filter content, or trigger an action.

Chip default

#
Chip One
Chip Two
Chip Three
Chip Four

Choice chip

#

The user can make a choice.

Extra Small
Small
Medium
Large
Extra Large

Choice Chip with icon

#

A chip with an icon in which the icon gets replaced by a checkmark when a choice is made.

face
Alice
face
Bob
face
Charlie
face
David

Choice chip without icon

#

A chip can be chosen and a checkmark gets added upon choosing.

Tops
Bottoms
Shoes
Accessories

Action chip

#

A chip containing an action.

wb_sunny
Turn on lights
bookmark
Bookmark
alarm
Set alarm
directions
Get directions

Prototype navigation

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