NGSTARTER UI

Alert

Our Alert Component is designed to make your app notifications stand out. It’s fully customizable and supports:

Key Features:

✅ Icons: Add visual cues with ease.
✅ Controls: Include buttons or actions to engage your users.
✅ Closable Alerts: Let users dismiss messages when they’re done.

It’s lightweight, easy to integrate, and works perfectly with . Enhance your app’s user experience with modern, clean, and functional alerts.

Perfect for developers who want simplicity without sacrificing quality. Give it a try!

Basic Alert

This is a NgStarter alert — check it out!

Alert Variants

This is a NgStarter alert — check it out!

This is a NgStarter alert — check it out!

This is a NgStarter alert — check it out!

This is a NgStarter alert — check it out!

This is a NgStarter alert — check it out!

Alert with icon

This is a NgStarter alert — check it out!

This is a NgStarter alert — check it out!

This is a NgStarter alert — check it out!

This is a NgStarter alert — check it out!

This is a NgStarter alert — check it out!

Alert with title

Alert Title

This is a NgStarter alert — check it out!

Alert Title

This is a NgStarter alert — check it out!

Alert Title

This is a NgStarter alert — check it out!

Alert actions

This is a NgStarter Admin alert — check it out!

This is a NgStarter Admin alert — check it out!

This is a NgStarter Admin alert — check it out!

Alert Title

This is a NgStarter Admin alert — check it out!

Alert Title

This is a NgStarter Admin alert — check it out!

API Reference

Properties of the ngs-alert component.

Properties

Events

Prop	Type	Default
autoClose Number of milliseconds to auto-close	number	–
bordered Bordered variant of an alert	boolean	false
variant Colored variant of an alert	AlertVariant \| string	default

ngsAlertIcon directive - adds an icon to an alert.

ngs-alert-title component - adds an title/heading to an alert.

ngsAlertAction directive - adds a some control to an alert.

ngsAlertClose directive - adds an event that closes the alert.