mdl-ext

Material Design Lite Ext (MDLEXT). Components built with the Google Material Design Lite framework.

Components provided

Accordion

A WAI-ARIA friendly accordion component with vertcial or horizontal layout.

Bordered Fields

The Material Design Lite Ext (MDLEXT) bordered fieldscomponent demonstrates how you can create your own theme of MDL text fields.

Collapsible

A collapsible is a component to mark expandable and collapsible regions.

Color Themes

MDL provides only one color theme. Many designs require more than one theme, e.g. a dark theme and a light theme.

Grid

A responsive grid based on element queries in favour of media queries.

Image Carousel

A responsive, WAI-ARIA friendly, image carousel.

Lightboard

A lightboard is a translucent surface illuminated from behind, used for situations where a shape laid upon the surface needs to be seen with high contrast. In the "old days" of photography photograpers used a lightboard to get a quick view of, sorting and organizing their slides.

Lightbox

A lightbox displays an image filling the screen, and dimming out the rest of the web page. It acts as a modal dialog using the <dialog> element as a container for the lightbox.

Menu Button

A WAI-ARIA friendly menu button component/widget with roles, attributes and behavior in accordance with the specification given in WAI-ARIA Authoring Practices, section 2.20.

Selectfield

The Material Design Lite Ext (MDLEXT) select field component is an enhanced version of the standard [HTML <select> element.

Sticky Header

A sticky header makes site navigation easily accessible anywhere on the page and saves content space at the same.