Rounding
Placer Toolkit includes classes to set an element’s border-radius property. They can be used alongside Placer Toolkit layout utilities, like Frame, to round all corners of an element.
Each class corresponds to one of the --pc-border-radius-* tokens in your theme.
| Class name | border-radius value | Preview |
|---|---|---|
pc-border-radius-s | --pc-border-radius-s | |
pc-border-radius-m | --pc-border-radius-m | |
pc-border-radius-l | --pc-border-radius-l | |
pc-border-radius-xl | --pc-border-radius-xl | |
pc-border-radius-square | --pc-border-radius-square | |
pc-border-radius-pill | --pc-border-radius-pill | |
pc-border-radius-circle | --pc-border-radius-circle |