[Small Y Template] Alerts

Created on 19 November 2024, about 1 month ago

Problem/Motivation

A configurable alert bar that displays at the top of a page. Users can close the alert to remove it from their display.
Assumption:

Allow alerts to be placed on any site page.

Include the ability to have a CTA placed within an Alert.

Description: Emergency, Natural Disaster Closures, ETC have colors assigned for priority.

High priority = Red;

Medium Priority = Blue or Yellow;

Low priority = Black Informational and General Use Alert Bars are all grey background with type color dependent on chosen colorway.

Proposed resolution

  • To add a new options for the Alet Style field:
  • Urgent - Critical | ws-alert-critical
  • Urgent - Warning | ws-alert-warning
  • Urgent - Info | ws-alert-info
  • Urgent - Dark | ws-alert-dark
  • Info - Blue | ws-alert-blue
  • Info - Green | ws-alert-green
  • Info - Purple | ws-alert-purple
  • Info - Red | ws-alert-red

Add some CSS rules for these styles

πŸ“Œ Task
Status

Active

Version

1.0

Component

Code

Created by

πŸ‡ΊπŸ‡¦Ukraine aleevas

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024