Error Message

Items Successfully Moved

Scan to Assign Selected Items

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

List

Default

List Item
List Item
List Item
List Item
List Item

Results:

1

sort by:

No Filter Selected

Results:

0

sort by:

Legend

Default

Windows

Doors

Roofing

Siding

Solar

Gutters

Insulation

Other

Date

Default

Apr 20

Aug 2, 2012

Sat

•

Dec 2, 2017

Apr 20

Aug 2, 2012

Sat

•

Dec 2, 2017

Date Range Inline

Default

Jun 18, 2019 Mar 20, 2020

Jan 15 Aug 15

18 JUN

2019

20 MAR

2020

20

Apr

20 Date Time

Default

Sat

•

Apr 20

10:17a EDT

Sat

•

Apr 20

10:17a EDT

Apr 20

10:17a EDT

Apr 20

11:17p JST

Apr

20

10:17a EDT

Mar

20 2018

12:00a EDT

Apr

20

11:17p JST

Apr

20

8:17a MDT

20 APR

2024

20 APR

2024

20 APR

2024

Time

Default

10:17a

10:17a EDT

11:49a

11:49a EDT

10:17a

10:17a EDT

11:49a

11:49a EDT

Time Range Inline

Default

11:49a 1:49p

11:49a 1:49p EDT

11:49a 1:49p

11:49a 1:49p EDT

Timestamp

Default

10:17a

Apr 20 · 10:17a

Apr 20, 2028 · 10:17a

Apr 20, 2023 · 10:17a

Contact

Default

(349) 185-9988

(555) 555-5555

email@example.com

(324) 562-7482

(349) 185-9988

2,000

.50

Light

€

342

.00

Bold

$

45

/mo

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.

Person

Default

Kyle

Fadigan

Person Contact

Default

Pauline

Smith

email@example.com

(555) 555-5555

(324) 562-7482

Source

Default

BJ's Johnston-208

Retail

Referral-phrg

Inbound

BJ's Future CB

Anna Black

48582

Dashboard Value

Full Example

Decreased Value

1,428 appts

26.1%

Increased Value

938 homes

56.1%

Neutral Value

261 windows

86%

Pitch Rate

90.9 %

Stat Change

Default

28.4%

6.1%

102%

Stat Value

Default

1,048

10.48

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

File Upload

Upload File

Toggle

Default State

Form Pill

Form Pill User

Anna Black

Form

Default

Example text field

Example phone field

Example email field

Example number field

Example search field

Example password field

Example url field

Example text area

Example select

Example collection select

Example checkbox

Example Checkbox

Example date picker 1

Form Group

Default

First Name

Middle Intial

Last Name

Passphrase

Default

Phone Number Input

Default

Text Input

Default

First Name

Last Name

Phone Number

Email Address

Zip Code

Rich Text Editor

Default

Textarea

Default

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 appear in the list below

Date Picker

Default

Date Picker

Multi Level Select

Default

Select

Default

Favorite Food

Selectable Card

Default

Selected, with icon

Selected, without icon

Unselected

Disabled

Selectable Card Icon

Default

Quarterly Report

Export

Market Share

Export

Comprehensive

Export

Selectable Icon

Default

US Dollar

Euro

Yen

Radio

Default

Power

Nitro

Google

Checkbox

Default

Checkbox Label

Selectable List

Default

Mild
Medium
Hot

Icon

Icon Default

Icon Circle

Default

Icon Stat Value

Default

64.18

kw

Electric

24

days

deadline

Icon Value

Default

93

5

15m

User Badge

Default

Image

Default

Star Rating

Default

Flex

Default

Row

1

2

3

4

Column

1

2

3

4

Layout

Colors

Light

Body

Dark

Body

Gradient

Body

Card

Default

Card content

Section Separator

Line Separator

Background

Light

Collapsible

Default

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.

Highlight

Default

This is the Highlight Kit .

Hello this is a highlight wrapped.

This is text highlighted in the Body Kit using the text prop.

Message

Default

Anna Black

20 seconds ago

How can we assist you today?

Patrick Welch

9 minutes ago

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

Lucille Sanchez

4 hours ago

Application for Kate Smith is waiting for your approval

Beverly Reyes

2 days ago

We're so sorry you had a bad experience!

Keith Craig

2 days ago

Please hold for one moment, I'll check with my manager.

2 days ago

We're so sorry you had a bad experience!

2 days ago

Please hold for one moment, I'll check with my manager.

2

3

4

5

Loading Inline

Light

Loading

step 1
step 2
step 3
step 4
step 5

step 1
step 2
step 3

Timeline

Default

Conversation started

Trip #12422

Refund issue #12422

Conversation resolved

Jackson Heights

37-27 74th Street

Greenpoint

81 Gate St Brooklyn

Badge

Rectangle

+1

+4

+1000

H#123456

A#345678

#123456

Body

Default

I am a body kit

I am a body kit (Light)

I am a body kit (Lighter)

I am a body kit (Link)

I am a body kit (Error)

I am a body kit (Success)

Caption

Default

Caption

Caption Large

Subcaption

Detail

Default

I am a detail kit

Title

Default UI

Default Title

Title 1

Title 2

Title 3

Anna Black

Remodeling Consultant

Anna Black

Remodeling Consultant

Kits

Dialog

Fixed Confirmation Toast

Error Message

Items Successfully Moved

Scan to Assign Selected Items

Popover

Tooltip

Button

Button Toolbar

Circle Icon Button

Table

List

Filter

John Wick

San Francisco

Results:

Results:

Distribution Bar

Legend

Gauge

Bar Graph

Circle Chart

Line Graph

Treemap Chart

Date

Date Range Inline

Date Range Stacked

18 JUN

20 MAR

Date Stacked

20

20

Date Time

Date Time Stacked

Apr

20

Mar

20

2018

Apr

20

Apr

20

Date Year Stacked

20 APR

20 APR

20 APR

Time

Time Range Inline

Time Stacked

Timestamp

Weekday Stacked

Contact

Currency

2,000

342

45

Home Address Street

70 Prospect Ave · Colonial

Apt M18

Label Pill

Label Value

Person

Fadigan

Person Contact

Smith

Source

BJ's Johnston-208

Referral-phrg

BJ's Future CB

Dashboard Value

Stat Change

Stat Value

Title Count

Appointments

Appointments

Appointments

Title Detail

Email Notifications