Home Documentation
Getting started General
Components
Forms
Utilities
Check changelog.
0.5.3

Typography

Use our different classes to change the border-radius of your elements.

Rounded

You can round any content using the .rounded- class.

.rounded-0

.rounded-1

.rounded-2

.rounded-3

.rounded-4

.rounded-full

Rounded specific corners

You can round any corner of an element. To make it,

Description Class name Possible values
Top left corner radius .rounded-tl{value} 0 | 1 | ... | 4 or full
Top right corner radius .rounded-tr{value} 0 | 1 | ... | 4 or full
Bottom right corner radius .rounded-br{value} 0 | 1 | ... | 4 or full
Bottom left corner radius .rounded-bl{value} 0 | 1 | ... | 4 or full

Example :