Material 2 — Component Kitchen Sink

Material 2 — Kitchen Sink

Buttons

Icon Buttons

Floating Action Buttons

Cards

Elevated Card

Cards contain content and actions about a single subject. They sit on an elevated surface.

Outlined Card

An outlined card uses a stroke instead of a shadow to delineate its boundary.

Text Fields

Filled input Outlined input Search Disabled

Select

Selection Controls

Checkboxes

Checked

Unchecked

Disabled

Radio Buttons

Option A

Option B

Disabled

Switches

Off

Disabled

Chips

Design

Development

Research

With Icon

Tabs

Lists

InboxJan 4, 2024 star_border
DraftsSaved locally
Sent3 messages
TrashEmpty

Progress Indicators

Linear — Determinate (70%)

Linear — Indeterminate

Circular — Indeterminate

Slider

Data Table

Component	Signal strength	Status
Button	−50 dBm	Stable
Text Field	−65 dBm	Unstable
Card	−72 dBm	Stable

Snackbars

Dialog

Elevation

dp1

dp2

dp4

dp8

dp16

dp24

Material Components for the Web (MDC-Web) v14 — M2 Kitchen Sink

Your changes have been saved.

Message archived.