##### Switcher

##### Daneil Scott

online

February 1st, 2019
Hi, how are you Jenna Side? 8:40 AM, Today
Hi Connor Paige i am good tnx how about you? 8:55 AM, Today
I am good too, thank you for your chat template 9:00 AM, Today
You welcome Connor Paige 9:05 AM, Today
Yo, Can you update Views? 9:07 AM, Today
But I must explain to you how all this mistaken born and I will give 9:10 AM, Today
Yo, Can you update Views? 9:07 AM, Today
But I must explain to you how all this mistaken born and I will give 9:10 AM, Today
Yo, Can you update Views? 9:07 AM, Today
But I must explain to you how all this mistaken born and I will give 9:10 AM, Today
Okay Bye, text you later.. 9:12 AM, Today

##### Valex Video call

#### Daneil Scott

###### Calling...

###### Valex Voice call

##### Daneil Scott

###### Calling...

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.

Clearfix
Colored links
Primary Secondary Success Danger Warning Info Light Dark
Ratio
Aspect ratios
1x1
4x3
16x9
21x9
Custom ratios
2x1
4x3, then 2x1
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
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.
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