##### Switcher

Vertical Stacking
First item
Second item
Third item
Horizontal Stacking
First item
Second item
Third item
First item
Second item
Third item
First item
Second item
Third item
Colors With backgrounds
Primary with contrasting color
Secondary with contrasting color
Success with contrasting color
Danger with contrasting color
Warning with contrasting color
Info with contrasting color
Light with contrasting color
Dark with contrasting color
With Other Components

###### Badges:

Primary Info

###### cards:

Header

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Some quick example text to build on the card title and make up the bulk of the card's content.

Card With Stretched Links

##### Card with stretched links

Stretched link will not work here, because `position: relative` is added to the link

This stretched link will only be spread over the `p`-tag, because a transform is applied to it.

Ratio
Aspect ratios
1x1
4x3
16x9
21x9
Custom ratios
2x1
4x3, then 2x1
Vstack For Buttons
Inline Form With Hstack
Text Truncation
This text is quite long, and will be truncated once displayed.
This text is quite long, and will be truncated once displayed.
Clearfix
Colored links
Primary Secondary Success Danger Warning Info Light Dark
CUSTOM FOCUS RING
Custom focus ring
CSS VARIABLE FOCUS RING
Green focus ring
BLURRY OFFSET FOCUS RING
Blurry offset focus ring
FOCUS RING UTILITIES

Primary focus

Secondary focus

Success focus

Danger focus

Warning focus

Info focus

Light focus

Dark focus

Icon Link
Icon link Icon link
Icon Link
Icon link
Scss Utilities
Icon link Icon link

###### Shortcuts

Mail Settings

Messages

- ###### Elizabeth Ava2

  3:55 PM

  Elizabeth is online

- ###### George Rhys1

  12:04 PM

  I must explain...

- ###### Bethany Isla2

  Yesterday

  We denounce with righteous..

- ###### Margaret Emma1

  01 Mar

  http://Diam-duoet.xd

- ###### Michael Souris1

  22 Feb

  +13 photos

View All

Workspace

- ###### Olivia Lily1

  2:00 PM

  Aliquyam ipsum sit.

- ###### Smith Brown2

  12:00 PM

  At eos no sit...

- ###### Wilson Li24

  16 Feb

  Sit est dolor dolor.

- ###### Jones Morton3

  12 Jan

  Erat diam ipsum... Sed dolor...

- ###### White Lee1

  01 Feb

  Justo accusam stet eirmod et....

View All

Calls

- ###### Wilfrid Price3

  11:15 AM

  Missed call

- ###### Jasmin O'Kon

  Yesterday

  Duration: 15:30

- ###### River Gleichner

  01 Mar

  Declined

- ###### Saul Goodmate1

  20 Feb

  Missed call

- ###### Edgardo Huel

  15 Feb

  Duration: 01:20:10

View All

###### Find out more !

Mail Settings

###### Notifications :

Someone mentioned
Someone Replies
Allow All Notifications
Notifications On
In App Email Both
Assigned a Task
If I Have More Than 24 Tasks
Allow All Notifications
Notifications On
In App Email Both

###### App :

Files :

Images
1,458
Videos
213
Storage
8.50MB free space

Files Privacy Settings :

Password change

Discard Save Changes
Two Factor Authentication

Recent Deleted Files Delete All

Full Name
Email
Mobile Number Change number
+91

###### Remaiders :

Get alert for remaiders

###### This Is Not You're Looking For?

Go To Profile Settings