Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Select
Custom Inputs
Components
Navigation
Components
69
Micro Charts
Libraries
Kanban Board
Image Designer
Video Player
Visual Builder
Content Editor
Data View
Latest npm version of @ngstarter-ui/componentsWeekly npm downloads of @ngstarter-ui/components
Purchase

Incidents

Incidents shows an application-level service incident or operational notice. It displays a compact ngs-incidents-bar with a title and optional description, then expands into a ngs-incidents-list with one or more ngs-incident updates.

Use it for service outages, degraded service, maintenance, global system status, and important operational updates that users should see across the app or portal. Build it manually with the Incidents components or show it dynamically with IncidentsStore and ngs-incidents-global.

Do not use Incidents for a local inline message, a user action requirement, a toast, a table row status, an empty state, or a full incident management/history page. Use Alert, ActionRequired, notification components, Badge, Status, EmptyState, Table, or DataView for those cases.

Key features:
  • Application-level incident bar with title and description.
  • Expandable list of incident updates with titles and details.
  • Optional icon, action, and close slots for each incident.
  • Store-driven global usage through IncidentsStore and ngs-incidents-global.
PropTypeDefault
incidentId
The unique identifier for the incident
stringincident-n
fixed
Whether the incidents list is fixed
booleanfalse