8.0.0

Kits


Avatar

Default






Avatar Action Button

Default


Background

Light


Button

Button Variants


Button Toolbar

Default


Circle Icon Button

Default





Card

Default

Card content

Checkbox

Default


Collapsible

Light

Main Section
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis, risus a fringilla luctus, sapien eros sodales ex, quis molestie est nulla non turpis. Vestibulum aliquet at ipsum eget posuere. Morbi sed laoreet erat. Sed commodo posuere lectus, at porta nulla ornare a. Suspendisse quam est, sollicitudin ut enim sit amet, commodo placerat enim. Donec laoreet metus ac mauris pellentesque mattis. Pellentesque luctus vel mauris non aliquam. Mauris hendrerit mattis porttitor. Curabitur vehicula justo non ex consectetur commodo. Quisque posuere aliquet quam. Maecenas malesuada magna mauris, ac tempor metus euismod at.

Cras ornare fermentum magna mollis efficitur. Sed vitae nulla vel purus ultrices mollis. Maecenas id nulla id libero faucibus feugiat quis sit amet turpis. In commodo pellentesque risus at fringilla. Integer non interdum leo, non commodo ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi augue, dignissim at orci vel, egestas aliquam mi. Proin finibus aliquet tempor. Integer cursus, ex quis gravida rhoncus, nisi elit viverra ipsum, non efficitur est ex ac tortor. Praesent vitae odio massa.

Bar Graph

Default


Circle Chart

Default Style


Distribution Bar

Default




Gauge

Default


Legend

Default

Doors
Roofing
Siding
Solar
Gutters
Insulation
Other

Line Graph

Default


Filter

Default

name

John Wick

city

San Francisco

Results:

1
sort by:


No Filter Selected

Results:

0
sort by:

Fixed Confirmation Toast

Default

Error Message



Items Successfully Moved



Scan to Assign Selected Items


Flex

Default

Row


1
2
3
4


Column


1
2
3
4

Date Picker

Default

Date Picker

File Upload

Form

Default (Form With)


Form Group

Default

First Name
Middle Intial
Last Name

Form Pill

Form Pill User

Anna Black



Anna Black


Radio

Default




Select

Default


Selectable Card

Default


Selectable Card Icon

Default


Selectable Icon

Default


Selectable List

Default


Text Input

Default

First Name
Last Name
Phone Number
Email Address
Zip Code

Textarea

Default

Label

Label

Label

Typeahead

Default

user



Use the above input to search for users on Github, and see the results as you type.
When you make a selection, you will see it apear in the list below

Toggle

Default State



Highlight

Default

Highlight Kit

Kit wrapping


This an example Highlight Example around.


Search


hello helpers are great even highlighting this


To enable highlighting make sure the [highlighting] flag is set to true.



Icon

Icon Default


Icon Circle

Default


Icon Stat Value

Default

64.18

 
kw
Electric

24

 
days
deadline

Icon Value

Default

93

5

15m

Image

Default


picture of a misty forest
picture of a misty forest
picture of a misty forest
picture of a misty forest
picture of a misty forest
picture of a misty forest

Layout

Colors

Light
Body


Dark
Body


Gradient
Body

List

Default

  • List Item
  • List Item
  • List Item
  • List Item
  • List Item

Loading Inline

Light

Loading
Loading
Loading

Multiple Users

Default

+2



Multiple Users Stacked

Default





+4

Nav

Default


Online Status

Default




Badge

Rectangle

+1
+4
+1000

Hashtag

Hashtag Types

P#470297


H#123456


A#345678


#123456

Pill

Default

default



success



error



warning



info



neutral



primary


Popover

Default

Click info for more details
 

Progress Pills

Default


Progress Simple

Default


Progress Step

Default



  • step 1
  • step 2
  • step 3
  • step 4
  • step 5


  • step 1
  • step 2
  • step 3

Rich Text Editor

Default


Section Separator

Text Separator

Title Separator

Source

Default

BJ's Johnston-208

Retail


Referral-phrg

Inbound


BJ's Future CB

Anna Black
48582

Star Rating

Default

0

3

1.5

5

Stat Change

Default

28.4%

6.1%

102%

Table

Small

Column 1 Column 2 Column 3 Column 4 Column 5
Value 1 Value 2 Value 3 Value 4 Value 5
Value 1 Value 2 Value 3 Value 4 Value 5
Value 1 Value 2 Value 3 Value 4 Value 5

Timeline

Default

Conversation started
Trip #12422
Refund issue #12422
Conversation resolved


Jackson Heights

37-27 74th Street

Greenpoint

81 Gate St Brooklyn

Tooltip

Default

Hover here (Top)
Hover here (Bottom)
Hover here (Right)
Hover here (Left)

Body

Default

I am a body kit
I am a body kit (Light)
I am a body kit (Lighter)
I am a body kit (Status: negative)
I am a body kit (Status: positive)

Caption

Default

Caption
Caption Large
Subcaption

Title

Light UI

Default Title


Title 4

Title 3

Title 2

Title 1


Contact

Default

(349) 185-9988
(555) 555-5555
email@example.com
(324) 562-7482
(349) 185-9988

Currency

Variants

Emphasized False
$

2,000

.50
Light
€

342

.00
Bold
$

45

/mo

Dashboard Value

Full Example

Decreased Value

1,428

 

appts

26.1%


Increased Value

938

 

homes

56.1%


Neutral Value

261

 

windows

86%

Date

Default

Feb 28

Aug 2, 2012

Sat
•
Dec 2, 2017


Feb 28

Aug 2, 2012

Sat
•
Dec 2, 2017

Date Range Inline

Default






Date Range Stacked

Default

18 JUN

2019

20 MAR

2020

Date Stacked

Default



Date Time

Default

Sat
•
Feb 27
7:31p EST

Sat
•
Feb 27
7:31p EST

Feb 27
7:31p EST

Feb 28
9:31a JST

Date Time Stacked

Default


Date Year Stacked

Default

28 FEB

2021


28 FEB

2021


28 FEB

2021

Home Address Street

Default

70 Prospect Ave · Colonial

Apt M18

West Chester, PA 19382
H#8250263
PHL

Label Pill

Default

Service Needed

76

Waiting

69

In Service

28

Fully Serviced

101

Inbox

197

Outbox

13

Inbox

218


Label Value

Default

Role
Administrator, Moderator

Email
anna.black@powerhrg.com

Bio
Proin pulvinar feugiat massa in luctus. Donec urna nulla, elementum sit amet tincidunt nec, mattis nec urna. Cras viverra lorem odio, id pretium dui interdum ut. Nullam dignissim nisl vitae orci vehicula condimentum.

Message

Default

Message
How can we assist you today?
20 seconds ago


Support
We'll escalate this issue to a Senior Support agent.
9 minutes ago


To processs your order, I'll need your full name.
4 hours ago


Application
Application for Kate Smith is waiting for your approval


Complaint
We're so sorry you had a bad experience!
2 days ago


Support
Please hold for one moment, I'll check with my manager.
2 days ago

Person

Default

Kyle

Fadigan


Person Contact

Default

Pauline

Smith

email@example.com
(555) 555-5555
(324) 562-7482

Stat Value

Default

1,048

 


Time

Default






7:31p

7:31p EST

11:49a

11:49a EDT

Time Stacked

Default




Timestamp

Default

7:31p

Feb 27 · 7:31p

Feb 27, 2025 · 7:31p

Time Range Inline

Default

11:49a 1:49p

11:49a 1:49p


11:49a 1:49p EDT

11:49a 1:49p EDT


11:49a 1:49p

11:49a 1:49p


11:49a 1:49p EDT

11:49a 1:49p EDT

Title Count

Default

Appointments

35.78

Appointments

7,399

Appointments

-379,503.372

Title Detail

Default

Email Notifications

Commits data and history

Email Notifications

Commits data and history

Email Notifications

Commits data and history

Weekday Stacked

Default


User

Default

Anna Black

Remodeling Consultant

Anna Black

Remodeling Consultant

Anna Black


Anna Black


User Badge

Default