Switch branches/tags
v0.39.0-0 v0.38.2 v0.38.1 v0.38.0 v0.37.1 v0.37.0 v0.36.1 v0.36.0 v0.36.0-0 v0.35.2 v0.35.1 v0.35.0 v0.34.1 v0.34.0 v0.33.0 v0.32.0 v0.31.0 v0.30.0 v0.29.0 v0.28.0 v0.27.0 v0.26.0 v0.25.0 v0.24.0 v0.23.0 v0.22.0 v0.21.1 v0.21.0 v0.20.0 v0.19.0 v0.18.1 v0.18.0 v0.17.0 v0.16.0 v0.15.0 v0.13.0 v0.12.1 v0.12.0 v0.11.1 v0.11.0 v0.10.0 v0.9.1 v0.9.0 v0.8.0 v0.7.0 v0.6.0 v0.5.0 v0.4.0 v0.3.0 v0.2.0 v0.1.1 v0.1.0 @material/typography@0.3.0 @material/typography@0.2.3 @material/typography@0.2.2 @material/typography@0.2.1 @material/typography@0.2.0 @material/typography@0.1.1 @material/toolbar@0.4.11 @material/toolbar@0.4.10 @material/toolbar@0.4.9 @material/toolbar@0.4.8 @material/toolbar@0.4.7 @material/toolbar@0.4.6 @material/toolbar@0.4.5 @material/toolbar@0.4.4 @material/toolbar@0.4.3 @material/toolbar@0.4.2 @material/toolbar@0.4.1 @material/toolbar@0.4.0 @material/toolbar@0.3.3 @material/toolbar@0.3.2 @material/toolbar@0.3.1 @material/toolbar@0.3.0 @material/toolbar@0.2.2 @material/toolbar@0.2.1 @material/toolbar@0.2.0 @material/toolbar@0.1.2 @material/toolbar@0.1.0 @material/theme@0.4.0 @material/theme@0.3.1 @material/theme@0.3.0 @material/theme@0.2.0 @material/theme@0.1.7 @material/theme@0.1.6 @material/theme@0.1.5 @material/theme@0.1.4 @material/theme@0.1.3 @material/theme@0.1.2 @material/theme@0.1.1 @material/textfield@0.5.0 @material/textfield@0.4.1 @material/textfield@0.4.0 @material/textfield@0.3.6 @material/textfield@0.3.5 @material/textfield@0.3.4 @material/textfield@0.3.3 @material/textfield@0.3.2 @material/textfield@0.3.1 @material/textfield@0.3.0
Nothing to show
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
..
Failed to load latest commit information.
drawer fix(button): Rename stroke to outline (#2632) Apr 23, 2018
images docs(image-list): Add photos to demos (#2416) Mar 16, 2018
theme feat(icon-button): Add SVG support (#3310) Aug 9, 2018
toolbar fix(button): Rename stroke to outline (#2632) Apr 23, 2018
README.md docs(demos): Add readme to demos folder (#236) Feb 1, 2017
button.html fix(checkbox): support high contrast mode in Firefox on Windows (#2927) Jun 13, 2018
button.scss fix(button): Rename stroke to outline (#2632) Apr 23, 2018
card.html feat(icon-button): Add SVG support (#3310) Aug 9, 2018
card.scss feat(icon-button): Add new package (#2748) May 25, 2018
checkbox.html fix(checkbox): support high contrast mode in Firefox on Windows (#2927) Jun 13, 2018
checkbox.scss chore(checkbox): remove dark theme (#2076) Jan 30, 2018
chips.html feat(chips): Make chip exit on trailing icon click optional (#2893) Jun 15, 2018
chips.scss feat(chips): Make chip exit on trailing icon click optional (#2893) Jun 15, 2018
common.js feat(demos): Add theme switcher to theme demo page (#1975) Jan 19, 2018
common.scss feat(shape): Add MDC Shape with support for unelevated angled corners ( Apr 9, 2018
dialog.html fix(checkbox): support high contrast mode in Firefox on Windows (#2927) Jun 13, 2018
dialog.scss chore(demos): Move typography import to common; normalize class usage ( Dec 1, 2017
dom.js feat(demos): Add theme switcher to theme demo page (#1975) Jan 19, 2018
elevation.html fix(demos): Remove space between toolbar title and navigation icon. (#… Feb 14, 2018
elevation.scss chore(theme): Remove tonal variants, since they dont match MD guideli… Mar 27, 2018
fab.html feat(fab): Enable padding customization (#2959) Jun 22, 2018
fab.scss feat(fab): Add Extended FAB Jun 8, 2018
grid-list.html fix(checkbox): support high contrast mode in Firefox on Windows (#2927) Jun 13, 2018
grid-list.scss chore(demos): Move typography import to common; normalize class usage ( Dec 1, 2017
icon-button.html feat(icon-button): Add SVG support (#3310) Aug 9, 2018
icon-button.scss feat(icon-button): Add new package (#2748) May 25, 2018
image-list.html fix(checkbox): support high contrast mode in Firefox on Windows (#2927) Jun 13, 2018
image-list.scss docs(image-list): Add photos to demos (#2416) Mar 16, 2018
index.html fix(demos): Corrected HTML structure in demo index page for two-line … Aug 15, 2018
index.scss feat(list): Use states mixins; change padding behavior to support them ( Dec 14, 2017
interactivity.js chore(demos): Prevent hash links from navigating (#2085) Jan 25, 2018
layout-grid.html fix(demos): Remove space between toolbar title and navigation icon. (#… Feb 14, 2018
layout-grid.scss chore(demos): Move typography import to common; normalize class usage ( Dec 1, 2017
linear-progress.html feat(typography): Update styles to match guidance (#2527) Apr 12, 2018
linear-progress.scss chore(demos): Move typography import to common; normalize class usage ( Dec 1, 2017
list.html feat(list): Updated two-line list to use typography baseline to match… Jul 25, 2018
list.scss feat(list): Updated two-line list to use typography baseline to match… Jul 25, 2018
menu-surface.html feat(menu): Adds new menu, menu-surface. (#3311) Aug 13, 2018
menu-surface.scss feat(menu): Adds new menu, menu-surface. (#3311) Aug 13, 2018
menu.html feat(menu): Adds new menu, menu-surface. (#3311) Aug 13, 2018
menu.scss feat(menu): Adds new menu, menu-surface. (#3311) Aug 13, 2018
ponyfill.js feat(demos): Add theme switcher to theme demo page (#1975) Jan 19, 2018
radio.html fix(demos): Remove space between toolbar title and navigation icon. (#… Feb 14, 2018
radio.scss feat(radio): Use new mdc-states mixin for radio styles (#1673) Dec 5, 2017
ready.js fix: Use `var` instead of `const` in demos/ready.js (#2343) Mar 5, 2018
ripple.html fix(demos): Remove space between toolbar title and navigation icon. (#… Feb 14, 2018
ripple.scss chore(demos): Move typography import to common; normalize class usage ( Dec 1, 2017
select.html feat(select): Add outlined variant (#2674) Jun 5, 2018
select.scss feat(select): Add outlined variant (#2674) Jun 5, 2018
shape.html fix(shape): Rename stroke to outline (#2634) Apr 23, 2018
shape.scss fix(shape): Rename stroke to outline (#2634) Apr 23, 2018
slider.html fix(demos): Remove space between toolbar title and navigation icon. (#… Feb 14, 2018
slider.scss chore(slider): remove dark theme (#2099) Jan 30, 2018
snackbar.html fix(checkbox): support high contrast mode in Firefox on Windows (#2927) Jun 13, 2018
snackbar.scss chore(demos): Move typography import to common; normalize class usage ( Dec 1, 2017
switch.html feat(switch): Merge updated switch into master (#3214) Jul 27, 2018
switch.scss feat(switch): Merge updated switch into master (#3214) Jul 27, 2018
tab-bar.html feat(tab-bar): Launch tab, tab indicator, tab scroller, tab bar (#3252) Jul 27, 2018
tab-bar.scss feat(tab-bar): Launch tab, tab indicator, tab scroller, tab bar (#3252) Jul 27, 2018
tab-indicator.html feat(tab-bar): Launch tab, tab indicator, tab scroller, tab bar (#3252) Jul 27, 2018
tab-indicator.scss feat(tab-bar): Launch tab, tab indicator, tab scroller, tab bar (#3252) Jul 27, 2018
tab-scroller.html feat(tab-bar): Launch tab, tab indicator, tab scroller, tab bar (#3252) Jul 27, 2018
tab-scroller.scss feat(tab-bar): Launch tab, tab indicator, tab scroller, tab bar (#3252) Jul 27, 2018
tab.html feat(tab-bar): Launch tab, tab indicator, tab scroller, tab bar (#3252) Jul 27, 2018
tab.scss feat(tab-bar): Launch tab, tab indicator, tab scroller, tab bar (#3252) Jul 27, 2018
tabs.html feat(typography): Update styles to match guidance (#2527) Apr 12, 2018
tabs.scss feat(theme): Add new mdc-theme-on-primary global variable (#2483) Apr 18, 2018
text-field.html fix(text-field): Input position and textarea size (#3321) Aug 13, 2018
text-field.scss fix(text-field): Adjust the baseline of text field's helper text to m… Aug 1, 2018
theme-loader.js feat(theme): Add new mdc-theme-on-primary global variable (#2483) Apr 18, 2018
top-app-bar.html feat(theme): Add new mdc-theme-on-primary global variable (#2483) Apr 18, 2018
top-app-bar.scss chore(typography): Remove the adjust margin feature (#2464) Mar 27, 2018
typography.html fix(typography): Updated demo to use div tag instead of line tag. (#3298 Aug 3, 2018
typography.scss feat(typography): New mixin to set exact baseline height of text elem… Jul 25, 2018
uri.js feat(demos): Add theme switcher to theme demo page (#1975) Jan 19, 2018
util.js style(demos): Clean up utils.js (#2021) Jan 25, 2018
webpack.config.js fix: Compile demo CSS/JS during `npm run build` (#2437) Mar 19, 2018

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!