With Other Components
Badges:
PrimaryPrimary1Infocards:
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.
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.
Some quick example text to build on the card title and make up the bulk of the card's content.
Colors With backgrounds
Primary with contrasting color
Primary1 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
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
Text Truncation
This text is quite long, and will be truncated once displayed.
Vstack For Buttons
Inline Form With Hstack
CUSTOM FOCUS RING
CSS VARIABLE FOCUS RING
BLURRY OFFSET FOCUS RING