JSPM

mdl-ext

0.0.1-beta.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 180
  • Score
    100M100P100Q66232F
  • License Apache-2.0

Components based on the Google Material Design Lite framework

Package Exports

  • mdl-ext

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (mdl-ext) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

mdl-ext

WORK IN PROGRESS

Components based on the Google Material Design Lite framework

Material Design is a design language developed by Google. Expanding upon the "card" motifs that debuted in Google Now, Material Design makes more liberal use of grid-based layouts, responsive animations and transitions, padding, and depth effects such as lighting and shadows.

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, and offer an experience that is immediately accessible

Components

Accordion Component

Accordion Component

An accordion component is a collection of expandable panels associated with a common outer container. Panels consist of a header and an associated content region or panel. The primary use of an Accordion is to present multiple sections of content on a single page without scrolling, where all of the sections are peers in the application or object hierarchy. The general look is similar to a tree where each root tree node is an expandable accordion header. The user navigates and makes the contents of each panel visible (or not) by interacting with the Accordion Header.

Credits: The Accordion component is based on this CodePen

Select Element Component

Select Elemenent Component

The HTML <select> element represents a control that presents a menu of options. MDL does not provide it's own component for the <select> element.

Credits: The Select component is based on the following sources:

Themes

Bordered Input Fields Theme

Select Elemenent Component

Demonstrates how you can create your own theme of MDL text fields.

Credits: The Bordered Fields Theme component is based on this CodePen

Install

Usage

Notes

Licence

© Leif Olsen, 2016. Licensed under an Apache-2 license.

This software is built with Google Material Design, which is licenced under an Apache-2 licence.