Skip to main navigationSkip to main content
Return to Sky UI homepage

Radius - React

import { radius } from '@sky-uk/ui-core';
radius(1);
// returns '4px'

You can return the radius without a px suffix by passing false as a second argument. This is useful if you need to use the raw number for calculations.

radius(1, false);
// returns 4

Available Radiuses

KeyValues
00
14px
28px
312px
416px
fullA big value that should only be used when trying to make something completely rounded