Material Design Lite

Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible.

Material Design Lite

Radio Buttons in MDL (Material Design Lite)

19 Jul, 2016
Material Design Lite
Material Design includes beautification of radio buttons as well. These need javascript, if you use ajax to load you content, you need to call for dom update.
Material Design Lite

Text Input in MDL (Material Design Lite)

8 Jul, 2016
Material Design Lite
There are multiple ways to display text input field. You can use lable or not, you can do some validation with regular expression. Also you can show pretty inline form errors. For more information go...
Material Design Lite

File Upload in MDL (Material Design Lite)

1 Jul, 2016
Material Design Lite
Since there is no File Upload form functionality in MDL, we need to create some css, html and js. I have tried to make it as simple as possible.
Material Design Lite

Checkbox in MDL (Material Design Lite)

29 Jun, 2016
Material Design Lite
This snippet shows how to convert checkbox type inputs to MDL (Material Design Lite). There are separate classes for checkboxes in Material Design.
Material Design Lite

Hide drawer menu on large screens in MLD (Material Design Lite)

17 Jun, 2016
Material Design Lite
To hide drawer menu on large screens in MLD you have to add a class "mdl-layout--no-desktop-drawer-button" to the layout since the drawer icon is automatically rendered.
Material Design Lite

Select tag in MDL (Material Design Lite)

17 Jun, 2016
Material Design Lite
This snippet shows how to convert select tag to MDL (Material Design Lite). To achieve this you have to use text fields classes.