Fully - Angular Admin Template
DemoBuy NowMore Templates
  • What is this template about?
  • Introduction
  • Set up
  • How to use this template?
  • Code Structure
  • Server Side Rendering
  • Theming
  • Navigation Layouts
  • Data Integration
  • Main Features
    • Tables
    • Notifications
    • Alerts
    • Authentication screens
    • Charts
    • Dashboards
  • App Shell
  • FAQs
  • Changelog
Powered by GitBook
On this page

Was this helpful?

  1. Main Features

Alerts

Alerts can be used for different purposes such as showing a success or error message or asking the user for an input.

PreviousNotificationsNextAuthentication screens

Last updated 5 years ago

Was this helpful?

We created a AlertTemplateComponent which is defined in the Shared module to encapsulate the logic and markup of this Alert component.

To display the alerts we use the component.

In src/app/utilities/alerts/alerts.component.html you can find some of the different alerts you can create using this AlertTemplateComponent.

You can pass the following options to the alerts component:

You can pass the following options to the alert component:
{
    icon: 'check', // FontAwesome icon name
    iconColor: 'success' | 'failure', // icon color
    title: "Here's a message!", // Title of the modal
    text: 'The content, // Text of the modal
    options: false, // True will display yes or no buttons
    input: false, // True will show a text input
    button: 'Good', // Texto of the modal button
    time: 2000 // Time you want the modal to live (ms)
}
Material Dialog
alerts
alerts