include "include/header_production.html"
Chat boxes can be created directly in the main content area or they can be wrapped inside other elements like content boxes, popovers, dialogs, dropdowns, etc. Each chat line can have multiple buttons, colors, title, etc.
You can wrap the chat elements inside a custom scrollbar content box or in a regular content box like our left example below.
Chat box
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.a few seconds agoHoria Simon
This comment line has a title (author name) and a right button panel.a few seconds ago Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.a few seconds ago Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.a few seconds agoChat box
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.a few seconds agoHoria Simon
This comment line has a title (author name) and a right button panel.a few seconds ago Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.a few seconds ago Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.a few seconds ago
The Messaging List component can be created directly in the main content area or can be wrapped inside other elements like content boxes, popovers, dialogs, dropdowns, etc.
You can add notification lists inside content boxes with or without content spacing and custom scrollbars.
You can also add messaging lists inside popovers. Click the button below to see it in action.
The Progress List component can be created directly in the main content area or can be wrapped inside other elements like content boxes, popovers, dialogs, dropdowns, etc.
You can add notification lists inside content boxes with or without content spacing and custom scrollbars.
Without content spacing
Finishing uploading files 23% Finishing uploading files 91% Finishing uploading files 58% Finishing uploading files 74% Finishing uploading files 91% Finishing uploading files 58% Finishing uploading files 32%Notification list widget
Finishing uploading files 23% Finishing uploading files 91% Finishing uploading files 58% Finishing uploading files 74% Finishing uploading files 91% Finishing uploading files 58% Finishing uploading files 32%
You can also add messaging lists inside popovers. Click the button below to see it in action.
The Notification List component can be created directly in the main content area or can be wrapped inside other elements like content boxes, popovers, dialogs, dropdowns, etc.
You can add notification lists inside content boxes with or without content spacing and custom scrollbars.
Without content spacing
- This is an error notification
a few seconds ago- This is a warning notification
15 minutes ago- Alternate error notification styling using helpers.
2 hours ago- This is an error notification
a few seconds ago- This is a warning notification
15 minutes ago- Alternate error notification styling using helpers.
2 hours agoNotification list widget
- This is an error notification
a few seconds ago- This is a warning notification
15 minutes ago- Alternate error notification styling using helpers.
2 hours ago- This is an error notification
a few seconds ago- This is a warning notification
15 minutes ago- Alternate error notification styling using helpers.
2 hours ago
You can also add notification lists inside popovers. Click the button below to see it in action.