Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Select
Custom Inputs
Components
Navigation
Components
68
Micro Charts
Libraries
Kanban Board
Image Designer
Video Player
Visual Builder
Content Editor
Data View
GET NGSTARTER

Announcement

Introducing the Announcement Component, a simple and effective way to display important messages at the top of your app. Whether it’s a critical update, a promotion, or just a friendly reminder, this component ensures your users won’t miss it.

Key Features:
  • Highly Visible: Always grabs attention without disrupting the user experience.
  • User-Friendly: Intuitive behavior with dismissible options
  • Customizable: Easily adapt the design to match your app's style.
  • Seamless Integration: Built with , it fits perfectly into your app.

Keep your users informed with the Announcement Component — the perfect solution for delivering essential updates!

Show/Hide announcement dynamically

Basic announcement

You still have not uploaded your Mart invoice due on 22 April 2024
You still have not uploaded your Mart invoice due on 22 April 2024
You still have not uploaded your Mart invoice due on 22 April 2024
You still have not uploaded your Mart invoice due on 22 April 2024
You still have not uploaded your Mart invoice due on 22 April 2024

Announcement with title

Neutral
You still have not uploaded your Mart invoice due on 22 April 2024
Informative
You still have not uploaded your Mart invoice due on 22 April 2024
Negative
You still have not uploaded your Mart invoice due on 22 April 2024
Positive
You still have not uploaded your Mart invoice due on 22 April 2024
Warning
You still have not uploaded your Mart invoice due on 22 April 2024

Announcement with icons

You still have not uploaded your Mart invoice due on 22 April 2025
You still have not uploaded your Mart invoice due on 22 April 2024
You still have not uploaded your Mart invoice due on 22 April 2025
You still have not uploaded your Mart invoice due on 22 April 2024
You still have not uploaded your Mart invoice due on 22 April 2025

API Reference

Properties of the ngs-announcement component.

PropTypeDefault
title
Title of an announcement
string
iconName
Name of an icon
string
AnnouncementVariant
Colored variant of an announcement
string