Name		Name	Last commit message	Last commit date
parent directory ..
drawer		drawer
images		images
theme		theme
toolbar		toolbar
README.md		README.md
button.html		button.html
button.scss		button.scss
card.html		card.html
card.scss		card.scss
checkbox.html		checkbox.html
checkbox.scss		checkbox.scss
common.scss		common.scss
dialog.html		dialog.html
dialog.scss		dialog.scss
elevation.html		elevation.html
elevation.scss		elevation.scss
fab.html		fab.html
fab.scss		fab.scss
grid-list.html		grid-list.html
grid-list.scss		grid-list.scss
icon-toggle.html		icon-toggle.html
icon-toggle.scss		icon-toggle.scss
index.html		index.html
index.scss		index.scss
layout-grid.html		layout-grid.html
layout-grid.scss		layout-grid.scss
linear-progress.html		linear-progress.html
linear-progress.scss		linear-progress.scss
list.html		list.html
list.scss		list.scss
radio.html		radio.html
radio.scss		radio.scss
ripple.html		ripple.html
ripple.scss		ripple.scss
select.html		select.html
select.scss		select.scss
simple-menu.html		simple-menu.html
simple-menu.scss		simple-menu.scss
slider.html		slider.html
slider.scss		slider.scss
snackbar.html		snackbar.html
snackbar.scss		snackbar.scss
switch.html		switch.html
switch.scss		switch.scss
tabs.html		tabs.html
tabs.scss		tabs.scss
text-field.html		text-field.html
text-field.scss		text-field.scss
theme.html		theme.html
theme.scss		theme.scss
typography.html		typography.html
typography.scss		typography.scss

README.md

Demonstrations

MDC Web's collection of components. Demonstrated in idiomatic JavaScript/CSS/HTML. A hosted version of this folder can be found here.

Installation

First clone MDC Web:

git clone git@github.com:material-components/material-components-web.git && cd material-components-web

Second install MDC Web:

npm i

Then run the demo server:

npm run dev

This will spin up a server that can be accessed at localhost:8080

Pop open any major browser and enjoy!