Border radius utilities set an element's border radius property.
Web Awesome includes classes to set an element's border-radius property. They can be used alongside Web Awesome layout utilities, like frame, to round all corners of an element.
Each class corresponds to one of the --wa-border-radius-* tokens in your theme.
| Class Name | border-radius Value |
Preview |
|---|---|---|
wa-border-radius-s |
--wa-border-radius-s |
|
wa-border-radius-m |
--wa-border-radius-m |
|
wa-border-radius-l |
--wa-border-radius-l |
|
wa-border-radius-pill |
--wa-border-radius-pill |
|
wa-border-radius-circle |
--wa-border-radius-circle |
|
wa-border-radius-square |
--wa-border-radius-square |