Octana Design System

 

Radius

The radius is made of a scale that is then applied to a theme.

 

Radius 1

 

Scale This scales default is from 1-10

  • 1 (0.02px), 2 (1px), 3 (2px), 4 (4px), 5 (6px), 6 (8px), 7 (10px), 8 (12px), 9 (16px), 10 (100%)

You can refactor which foundation radius tokens are applied to which radius context tokens, this in turn updates the component tokens.

(Majority of the Octana components have the default radius token applied)

 

Radius 2