https://github.com/quedicesebas/angular-tailwind-ui
Simple bottom sheet modal for Angular, using Tailwind CSS.
https://github.com/quedicesebas/angular-tailwind-ui
angular angularx tailwindcss ui ui-components
Last synced: 4 months ago
JSON representation
Simple bottom sheet modal for Angular, using Tailwind CSS.
- Host: GitHub
- URL: https://github.com/quedicesebas/angular-tailwind-ui
- Owner: quedicesebas
- License: mit
- Created: 2024-04-12T23:33:48.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-22T02:03:46.000Z (5 months ago)
- Last Synced: 2024-12-09T00:08:46.731Z (5 months ago)
- Topics: angular, angularx, tailwindcss, ui, ui-components
- Language: TypeScript
- Homepage:
- Size: 2.05 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-angular - angular-tailwind-ui - Easy to use and simple components, directives and services. Using Angular 19 and Tailwind CSS 3. (Table of contents / Third Party Components)
- fucking-awesome-angular - angular-tailwind-ui - Easy to use and simple components, directives and services. Using Angular 19 and Tailwind CSS 3. (Table of contents / Third Party Components)
README
# Angular Tailwind UI
Easy to use and simple components, directives and services. Using Angula 17 and TailwindCSS 3.
Packages:
- [ngx-bottom-sheet-modal](https://github.com/quedicesebas/angular-tailwind-ui/blob/main/projects/ngx-bottom-sheet-modal/README.md)
- [ngx-phonenumbers](https://github.com/quedicesebas/angular-tailwind-ui/blob/main/projects/ngx-phonenumbers/README.md)
## ngx-bottom-sheet-modal
Simple and responsive bottom sheet modal.
```shell
npm install ngx-bottom-sheet-modal
```
- Create clear and reusable modal components.
- It creating managing modals painless and clearer.
- Pass data to the modal and and implement any content you want
- Responsive: displayed as bottom sheet on mobile and as modal dialog in desktop
Go to [ngx-bottom-sheet-modal documentation](https://github.com/quedicesebas/angular-tailwind-ui/blob/main/projects/ngx-bottom-sheet-modal/README.md)
## ngx-phonenumbers
Directive validator and service to handle phone numbers with Google libphonenumber library.
```shell
npm install ngx-phonenumbers
```
- Parse and format phone numbers with Google libphonenumber library
- When the phone number is valid, replace it with the formatted international number or country code plus national number. When invalid, set the 'phoneNumber' error.
Go to [ngx-phonenumbers documentation](https://github.com/quedicesebas/angular-tailwind-ui/blob/main/projects/ngx-phonenumbers/README.md)
## 📄 License
This project is licensed under the MIT License - see the [LICENSE](https://raw.githubusercontent.com/quedicesebas/angular-tailwind-ui/main/LICENSE) file for details.