Loading...
Skip to Content (Press Enter)
Live Style Guide
Home
Styles
UI Patterns
Widgets
Screen Templates
Overview
Content
Accordion
Alert
Balloon
Blank Slate
Bullets
Card
Card Background
Card Sectioned
Carousel
Chat Message
Lightbox Image
Modal
Panel
Section
Tag
Tooltip
Controls
Animated Label
Button Group
Date Picker
Dropdown
Dropdown Select
File Upload
Floating Actions
Input With Icon
Range Slider
Range Slider Interval
Search
Search Balloon
Time Picker
Toggle Button
Video
Emails
Email 3 Rows
Email Section
Layout Email
Layout
Layout Login
Layout Login Split
Layout Popup
Navigation
Breadcrumbs
Navigation Bar
Section Index
Sidebar
Tabs
Timeline
Wizard
Numbers
Badge
Counter
Icon Badge
Progress Bar
Progress Circle
User Initials
Responsive
Display On Device
Load On Visible
Move On Device
Responsive Table Records
Structure
Align Center
Columns2
Columns3
Columns4
Columns5
Columns6
Columns Medium Left
Columns Medium Right
Columns Small Left
Columns Small Right
Gallery
Utilities
Animate
Button Loading
Character Count
Fieldset
Flip Content
Iframe
Separator
Stacked Icon
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.
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
Click here to see your activities