Foundations
Radius
We use border radius in our designs to give elements or components rounded corners.
This makes the edges of cards or buttons easier to see.
Guidelines
Elements and components in the design system have the correct border radius applied.
If you are building something new, this table shows what each radius should be used for:
Radius | Usage |
---|---|
5px | Form inputs |
8px | Buttons, cards and signposts |
Example
Changelog for this page
Date | Notes |
---|---|
14 April 2021 | First version of page published |