Notification Bar

Notification Bar displays a notice with a title, description, optional link, icon, and close button. Use it for a message that belongs within the page layout.

Add and configure Notification Bar

1. Click Add, choose Notification Bar, and place it in the container.
2. Choose Content > Content > Type and Style.
3. Enter Title, Description, Link Text, and Link as needed.
4. Choose Icon and whether to Show Close Button.
5. Style Design > Box, Typography, and Icon.
6. Save your changes.

This element has no children; use its own controls.

Controls

Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”

Content > Content

Setting	Purpose and options	Behavior
Type	Tip, Info, Success, Warning, Alert.	Shared
Style	Border On Left, Wrapped With Border.	Shared
Title	Item title.	Shared
Description	Supporting description.	Shared
Link Text	Enter the link text.	Shared
Link	Destination and link options. When: Link Text is set.	Shared
Icon	Icon.	Shared
Show Close Button	On/off.	Shared

Design > Box

Setting	Purpose and options	Behavior
Width	Width.	Responsive
Background	Color or supported fill.	Shared
Accent	Color or supported fill.	Shared
Border > Border Width	Border width and unit.	Responsive
Border > Border Radius	Border radius and unit.	Responsive
Padding > Padding	Padding.	Responsive

Design > Typography

Setting	Purpose and options	Behavior
Title	typography controls.	See linked controls
Description	typography controls.	See linked controls
Link	typography controls.	See linked controls

Design > Icon

Setting	Purpose and options	Behavior
Size	Size and unit.	Responsive
Color	Color or supported fill.	Shared

Design > Spacing

Setting	Purpose and options	Behavior
Spacing	spacing controls.	See linked controls

Troubleshooting