13.0.0 • Published 2 years ago
@ngxsmart/alert v13.0.0
Alert
Reusable alert component created with Bootstrap 5+ and Angular 11+
New Features
Added Angular 12 Support
Technologies
- Angular 11+
- Bootstrap 5+
API
List of selectors that can be used to select the component
| Selector |
|---|
| alert,lib-alert |
Properties
| Property | Description | Type | Default Value |
|---|---|---|---|
| dismissible | If set, displays an inline "Close" button | boolean | false |
| dismissOnTimeout | If set, dismisses the alert after Dismiss Timeout | boolean | true |
| dismissTimeout | Number in milliseconds, after which alert will be closed | string or number | 5000 |
| isOpen | Is alert visible | boolean | false |
| type | Alert type. Provides one of four bootstrap supported contextual classes: success, info, warning and danger | string | info |
Test project locally in another repo
Run the following steps inside library folder
- Install all dependencies
$ npm install- Build the project
$ npm run build- Link the project
$ npm link dist/alertInside the Test/Actual project, remove the dependency and link local dependency
- Install dependencies
$ npm install- Link the library
$ npm link @ngxsmart/alert- Add property
"preserveSymlinks": truetoangular.jsonif not already exists - Start the project
$ npm startPublish the library to NPM(applies to maintainers)
- Build the library
ng build --configuration production --project=@ngxsmart/alert- Publish the library to NPM
npm publish dist/alert --access public