@fintechstudios/angularjs-mdc

Material Design Components Web for AngularJS


Keywords
angularjs, angularjs-mdc, material, material-design, material-design-components, mdc, mdc-web
License
Apache-2.0
Install
npm install @fintechstudios/angularjs-mdc@0.6.0

Documentation

angularjs-mdc CircleCI

AngularJS wrapper for Material Design Components Web

Demos - automatically updated with every release

Archival Notice

FinTech Studios is phasing out our usage of this library as we transition our app from AngularJS to Angular. This repo will be archived when our transition is further along. May it rest easily with AngularJS.

Rationale

This package aims to wrap core MDC functionality in AngularJS components with the primary goal of being an easy and suitable replacement for angular-material.

Building

Setup

npm install

Commands Available

  • npm run build - build a development ready version in dist/
  • npm run serve - build a development version to memory, demos available at localhost:8080
  • npm run build:min - build a production-ready version in dist/
  • npm run build:demos - just build the demo css into /demos/assets/

Testing

  • npm run test - run auto-refreshing unit tests against source
  • npm run test:ci - single-run unit tests against minified distributable

Coverage

Component Status Module
button mdc.button
card SCSS & CSS only
chip
checkbox mdc.checkbox
dialog mdc.dialog
drawer
elevation SCSS & CSS only
fab
form-field mdc.form-field
grid-list mdc.grid-list
icon mdc.icon
icon-toggle mdc.icon-toggle
linear-progress
list mdc.list
menu mdc.menu
radio mdc.radio
ripple mdc.ripple
select mdc.select
slider
snackbar mdc.snackbar
switch mdc.switch
tabs mdc.tabs
textfield mdc.textfield
theme SCSS & CSS only
toolbar
typography SCSS & CSS only