https://github.com/fintechstudios/angularjs-mdc

AngularJS wrapper for Material Design Components Web
https://github.com/fintechstudios/angularjs-mdc

angularjs angularjs-mdc material material-design material-design-components mdc mdc-web

Last synced: 2 months ago
JSON representation

AngularJS wrapper for Material Design Components Web

• Host: GitHub
• URL: https://github.com/fintechstudios/angularjs-mdc
• Owner: fintechstudios
• License: apache-2.0
• Created: 2017-06-28T17:33:40.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2020-05-18T19:03:40.000Z (over 4 years ago)
• Last Synced: 2024-11-08T07:12:45.654Z (2 months ago)
• Topics: angularjs, angularjs-mdc, material, material-design, material-design-components, mdc, mdc-web
• Language: JavaScript
• Homepage: https://fintechstudios.github.io/angularjs-mdc/
• Size: 3.09 MB
• Stars: 12
• Watchers: 5
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-material-components - fintechstudios/angularjs-mdc

README

        
# angularjs-mdc  [![CircleCI](https://circleci.com/gh/fintechstudios/angularjs-mdc/tree/master.svg?style=svg)](https://circleci.com/gh/fintechstudios/angularjs-mdc/tree/master)

AngularJS wrapper for [Material Design Components Web](https://material.io/components/web/)

[Demos](https://fintechstudios.github.io/angularjs-mdc/) - 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          | :white_check_mark:  | mdc.button       |

| card            | :white_check_mark:  | SCSS & CSS only  |

| chip            | :x:                 | |

| checkbox        | :white_check_mark:  | mdc.checkbox     |

| dialog          | :white_check_mark:  | mdc.dialog       |

| drawer          | :x:                 | |

| elevation       | :white_check_mark:  | SCSS & CSS only  |

| fab             | :x:                 | |

| form-field      | :white_check_mark:  | mdc.form-field   |

| grid-list       | :white_check_mark:  | mdc.grid-list    |

| icon            | :white_check_mark:  | mdc.icon         |

| icon-toggle     | :white_check_mark:  | mdc.icon-toggle  |

| linear-progress | :x:                 | |

| list            | :white_check_mark:  | mdc.list         |

| menu            | :white_check_mark:  | mdc.menu         |

| radio           | :white_check_mark:  | mdc.radio        |

| ripple          | :white_check_mark:  | mdc.ripple       |

| select          | :white_check_mark:  | mdc.select       |

| slider          | :x:                 | |

| snackbar        | :white_check_mark:  | mdc.snackbar     |

| switch          | :white_check_mark:  | mdc.switch       |

| tabs            | :white_check_mark:  | mdc.tabs         |

| textfield       | :white_check_mark:  | mdc.textfield    |

| theme           | :white_check_mark:  | SCSS & CSS only  |

| toolbar         | :x:                 | |

| typography      | :white_check_mark:  | SCSS & CSS only  |