@haloduck/ui
Version:
HaloDuck UI Library - Angular
87 lines (68 loc) • 2.02 kB
Markdown
# @haloduck/ui
HaloDuck UI Library is a modern and reusable UI component library for Angular-based applications.
## Installation
```bash
npm install @haloduck/ui
```
## Post Installation
### update `angular.json`
Update `angular.json` file.
```json
"build": {
"options": {
"assets": [
...
"node_modules/@haloduck/ui/src/tailwind.css"
]
}
}
```
### Copy i18n
Copy i18n files to `public/i18n` folder in the root folder.
```bash
npx haloduck-copy-i18n
```
## Key Components
### Control Components
- **Button**: Button components with various styles
- **Input**: Form input component
- **Select**: Dropdown selection component
- **DatePicker**: Date picker component
- **DateRange**: Date range selection component
- **Calendar**: Calendar component
- **Toggle**: Toggle switch component
- **CopyButton**: Text copy button
- **LanguageSelector**: Language selection component
- **ImageUploader**: Image upload component
- **FileUploader**: File upload component
- **ImageViewer**: Image viewer component
- **STLViewer**: 3D STL file viewer
- **MapToAddress**: Address mapping component
- **DrawCanvas**: Drawing canvas component
- **Flip**: Flip animation component
- **ConfirmDialog**: Confirmation dialog
- **Table**: Data table component
### Layout Components
- **Breadcrumb**: Breadcrumb navigation
- **DialogContainer**: Dialog container
- **Notification**: Notification component
- **SideMenu**: Side menu component
### Widget Components
- **PictureName**: Image and name display widget
## Styling
This library is built on Tailwind CSS. Tailwind CSS must be installed in your project.
```bash
npm install tailwindcss
```
## Dependencies
- Angular 19.2.0+
- RxJS 7.8.0+
- Angular Forms 19.2.10+
- Transloco 7.6.1+
- Angular CDK 19.2.15+
- NgRx Component Store 19.0.0+
- Three.js 0.175.0+ (for 3D components)
## License
MIT License
## Support
If you have any issues or questions, please register them in [GitHub Issues](https://github.com/haloduck/haloduck-frontend/issues)