Skip to content

Latest commit

 

History

History
 
 

demos

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
images
images
 
 
theme
theme
 
 
toolbar
toolbar
 
 
README.md
README.md
 
 
button.html
button.html
 
 
button.scss
button.scss
 
 
checkbox.html
checkbox.html
 
 
checkbox.scss
checkbox.scss
 
 
chips.html
chips.html
 
 
chips.scss
chips.scss
 
 
common.js
common.js
 
 
common.scss
common.scss
 
 
dom.js
dom.js
 
 
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-button.html
icon-button.html
 
 
icon-button.scss
icon-button.scss
 
 
image-list.html
image-list.html
 
 
image-list.scss
image-list.scss
 
 
index.html
index.html
 
 
index.scss
index.scss
 
 
interactivity.js
interactivity.js
 
 
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
 
 
menu-surface.html
menu-surface.html
 
 
menu-surface.scss
menu-surface.scss
 
 
menu.html
menu.html
 
 
menu.scss
menu.scss
 
 
ponyfill.js
ponyfill.js
 
 
radio.html
radio.html
 
 
radio.scss
radio.scss
 
 
ready.js
ready.js
 
 
redirect.html
redirect.html
 
 
ripple.html
ripple.html
 
 
ripple.scss
ripple.scss
 
 
slider.html
slider.html
 
 
slider.scss
slider.scss
 
 
snackbar.html
snackbar.html
 
 
snackbar.scss
snackbar.scss
 
 
tab-bar.html
tab-bar.html
 
 
tab-bar.scss
tab-bar.scss
 
 
tab-indicator.html
tab-indicator.html
 
 
tab-indicator.scss
tab-indicator.scss
 
 
tab-scroller.html
tab-scroller.html
 
 
tab-scroller.scss
tab-scroller.scss
 
 
tab.html
tab.html
 
 
tab.scss
tab.scss
 
 
tabs.scss
tabs.scss
 
 
text-field.html
text-field.html
 
 
text-field.scss
text-field.scss
 
 
theme-loader.js
theme-loader.js
 
 
top-app-bar.html
top-app-bar.html
 
 
top-app-bar.scss
top-app-bar.scss
 
 
uri.js
uri.js
 
 
util.js
util.js
 
 
webpack.config.js
webpack.config.js
 
 

README.md

Demonstrations

MDC Web's collection of components. Demonstrated in idiomatic JavaScript/CSS/HTML.

Installation

First clone MDC Web:

git clone [email protected]: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!