Docebo libraries documentation site
vdevelop
Get Started
Guides
Overview Icons Illustrations Theme
Components
Accordion Avatar Badge Alert Badge Icon Badge Status Blank Slate Button Calendar Card Carousel Chip Data Browser Expandable Content Facet List
Filters
Filter Filter Container Filter Multiple Selection Filter Single Selection Filter Slider Range Selection Filter Slider Selection
Helper Message Icon Illustration
Inputs
Input Autocomplete Input Checkbox Input Checkbox Group Input Combobox Input Date Input Password Input Radio Group Input Rating Input Search Input Select Input Slider Input Text Input Toggle Input Upload
Link List List Listbox List Navigation List Presentation List Sheet List Tablist List Tree Menu Modal Dialog Navigation Notification Pagination Bar Popover Progress Skeleton Stepper Table Toast Tooltip
API References
Components Notification

Notification

 Overview API Examples Style Tokens

Basic usage

Themes

The Notification component comes with five built-in themes: info, news, success, alert and danger.

Negative

The Notification component supports a negative mode, suitable for areas with dark background.

Visual Style

If your Notification is docked to other elements in the page, you may want to hide its outline for a better visual look.

Icon Display

While the Notification component displays a default icon for each of its themes, you can customize it to show exactly the icon or the emoji you prefer.

Content Structure

The ending side of the Notification component is completely open to any actions and/or custom elements that you may need in your use case.

Previous
Navigation
Next
Pagination Bar