Loading...
Home
UI Patterns Overview
Content
Balloon
Balloon
Display additional content hovering another element on the screen.
Notifications
Fannie Woods
has received your request. You’ll be notified soon.
September 28, 12:09PM
Dennis Wise
has processed your ticket, and the case is now closed.
September 27, 12:02 PM
View All
When to use
Use a Balloon when you need to display additional information in a small overlay area without losing context in the UI.
Preferably, set the trigger on CLICK and position RIGHT of your balloon.
Position
Set the position around the widget element.
Notifications
Fannie Woods
has received your request. You’ll be notified soon.
September 28, 12:09PM
Dennis Wise
has processed your ticket, and the case is now closed.
September 27, 12:02 PM
View All
Notifications
Fannie Woods
has received your request. You’ll be notified soon.
September 28, 12:09PM
Dennis Wise
has processed your ticket, and the case is now closed.
September 27, 12:02 PM
View All
Notifications
Fannie Woods
has received your request. You’ll be notified soon.
September 28, 12:09PM
Dennis Wise
has processed your ticket, and the case is now closed.
September 27, 12:02 PM
View All
Notifications
Fannie Woods
has received your request. You’ll be notified soon.
September 28, 12:09PM
Dennis Wise
has processed your ticket, and the case is now closed.
September 27, 12:02 PM
View All
Trigger
Set the type of trigger for the content.
Notifications
Fannie Woods
has received your request. You’ll be notified soon.
September 28, 12:09PM
Dennis Wise
has processed your ticket, and the case is now closed.
September 27, 12:02 PM
View All
Notifications
Fannie Woods
has received your request. You’ll be notified soon.
September 28, 12:09PM
Dennis Wise
has processed your ticket, and the case is now closed.
September 27, 12:02 PM
View All
See more information on implementing this pattern in the
product documentation
Content
Accordion
Alert
Balloon
Blank Slate
Bullets
Card
Card Background
Card Sectioned
Carousel
Chat Message
Lightbox Image
Modal
Panel
Section
Tag
Tooltip
Click here to see your activities