@ngxsmart/alertdeprecated

Reusable alert component created with Bootstrap 5+ and Angular 11+

Usage no npm install needed!

<script type="module">
  import ngxsmartAlert from 'https://cdn.skypack.dev/@ngxsmart/alert';
</script>

README

Alert

Reusable alert component created with Bootstrap 5+ and Angular 11+

New Features

Added Angular 12 Support

Technologies

  1. Angular 11+
  2. 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

  1. Install all dependencies
$ npm install
  1. Build the project
$ npm run build
  1. Link the project
$ npm link  dist/alert

Inside the Test/Actual project, remove the dependency and link local dependency

  1. Install dependencies
$ npm install
  1. Link the library
$ npm link @ngxsmart/alert
  1. Add property "preserveSymlinks": true to angular.json if not already exists
  2. Start the project
$ npm start

Publish the library to NPM(applies to maintainers)

  1. Build the library
  ng build --configuration production --project=@ngxsmart/alert
  1. Publish the library to NPM
  npm publish dist/alert --access public