Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/h2qutc/angular-material-components
Angular Material Library provide extra components for every project
https://github.com/h2qutc/angular-material-components
Last synced: 6 days ago
JSON representation
Angular Material Library provide extra components for every project
- Host: GitHub
- URL: https://github.com/h2qutc/angular-material-components
- Owner: h2qutc
- License: mit
- Created: 2020-03-23T00:19:27.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-08-16T08:30:51.000Z (4 months ago)
- Last Synced: 2024-11-28T23:12:04.674Z (14 days ago)
- Language: TypeScript
- Homepage: https://h2qutc.github.io/angular-material-components/
- Size: 6.35 MB
- Stars: 331
- Watchers: 10
- Forks: 166
- Open Issues: 212
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome-angular - angular material components - Angular Material Library provide extra components for every project. (Table of contents / Third Party Components)
- fucking-awesome-angular - angular material components - Angular Material Library provide extra components for every project. (Table of contents / Third Party Components)
README
# Angular Material Extra Components (DatetimePicker, TimePicker, ColorPicker, FileInput ...) for @angular/material 7.x, 8.x, 9.x, 10.x, 11.x, 12.x, 13.x, 14.x, 15.x, 16.x
[![Build Status](https://travis-ci.com/h2qutc/angular-material-components.svg?branch=master)](https://travis-ci.com/h2qutc/angular-material-components)
[![License](https://img.shields.io/npm/l/angular-material-components.svg)](https://www.npmjs.com/package/angular-material-components)## Description
Angular Material Library provide extra components for every project (Datetime picker, Time picker, Color picker...).
Please do not hesitate to contact us if you have any question or suggestion.
Feel free to open the [issues](https://github.com/h2qutc/angular-material-components/issues) or provide a PR.
If you like this project, support angular-material-components by starring⭐.
And thank you so much for your coffee ❤️
## DEMO Angular Material Components
@see [LIVE DEMO AND DOCUMENTATION](https://h2qutc.github.io/angular-material-components/)
Choose the version corresponding to your Angular version:
Angular | @angular-material-components/datetime-picker
----------- | -------------------
16 | 16.x+
15 | 15.x+ OR 9.x+ for legacy import
14 | 8.x+
13 | 7.x+
12 | 6.x+
11 | 5.x+
10 | 4.x+
9 | 2.x+
8 | 2.x+
7 | 2.x+### Datetime Picker
[![npm version](https://badge.fury.io/js/%40angular-material-components%2Fdatetime-picker.svg)](https://www.npmjs.com/package/@angular-material-components/datetime-picker)
[![Github All Releases](https://img.shields.io/npm/dt/@angular-material-components/datetime-picker.svg)]()[TUTORIAL HERE](https://h2qutc.github.io/angular-material-components/)
```
npm install --save @angular-material-components/datetime-picker
```![Alt Text](demo_datetime_picker.png)
@see [DEMO stackblitz for Angular 7, Angular 8](https://stackblitz.com/edit/demo-ngx-mat-datetime-picker)
@see [DEMO stackblitz for Angular 9](https://stackblitz.com/edit/demo-ngx-mat-datetime-picker-angular9)
### Color Picker
[![npm version](https://badge.fury.io/js/%40angular-material-components%2Fcolor-picker.svg)](https://www.npmjs.com/package/@angular-material-components/color-picker)
[![Github All Releases](https://img.shields.io/npm/dt/@angular-material-components/color-picker.svg)]()[TUTORIAL HERE](https://h2qutc.github.io/angular-material-components/)
```
npm install --save @angular-material-components/color-picker
```![Alt Text](demo_color_picker.png)
@see [DEMO stackblitz](https://stackblitz.com/edit/demo-ngx-mat-color-picker)### File Input
[![npm version](https://badge.fury.io/js/%40angular-material-components%2Ffile-input.svg)](https://www.npmjs.com/package/@angular-material-components/file-input)
[![Github All Releases](https://img.shields.io/npm/dt/@angular-material-components/file-input.svg)]()[TUTORIAL HERE](https://h2qutc.github.io/angular-material-components/)
```
npm install --save @angular-material-components/file-input
```![Alt Text](demo_file_input.png)
### Theming
- @see @angular/material [Using a pre-built theme](https://material.angular.io/guide/theming#using-a-pre-built-theme)
- Add the Material Design icon font to your index.html
``````
## License
MIT