@lukana/alerts

Alerts.

Usage no npm install needed!

<script type="module">
  import lukanaAlerts from 'https://cdn.skypack.dev/@lukana/alerts';
</script>

README

Lukana alerts

Alerts.

Usage

  1. Add @lukana/alerts/scss/alerts to Your style.scss file or use Your own styles.

  2. Import AlertsModule as dependency.

  3. Use somewhere in template

    <lukana-alerts></lukana-alerts>

    You can provide [position] attribute which is of type AlertsPosition. Default is top-right

  4. To print alert use AlertsService with one of these

    AlertsService.addSuccess('Success');
AlertsService.addError('Error', 0);
AlertsService.addInfo('Info');
AlertsService.addWarning('Warning', 2000);

    As second param You can provide closeTime in miliseconds - default: 4000. If You give 0 it won't be closed automagically.

Positions

export enum AlertsPosition {
  TopRight = 'top-right',
  BottomRight = 'bottom-right',
  BottomLeft = 'bottom-left',
  TopLeft = 'top-left',
  TopFullWidth = 'top-full-width',
  BottomFullWidth = 'bottom-full-width',
}