@PelagicCreatures/TropicBird

git / npm

Sargasso supervised Google Material Design Objects (MDC)

This framework aims to simplify & demystify the deployment of Google's Material Design framework. This uses @PelagicCreatures/Sargasso to watch the DOM and Instantiate and destroy MDC Javascript classes on elements when they are added and removed from the DOM making MDC HIJAX friendly.

TropicBird also provides some built in management of the 'mdc-top-app-bar' 'hamburger' icon to open the 'mdc-drawer' as well as a couple utility methods for opening modal 'mdc-dialog', queuing 'mdc-snackbar' messages and triggering the 'mdc-progress-bar' but otherwise the implementation is pure MDC as described here.

Some MDC elements managed by @PelagicCreatures/TropicBird below.

Here is a button.

Here is a switch.

Here's an input

Here's a FAB

Chips

face Filterable content
face Filterable content
face Filterable content

I'm a noisy Sargasso controller - Look in the browser console to see what events I see.