Radius

Note

Primitive tokens are fixed values that will not differ between brands. Semantic tokens are mapped to primitive tokens and can differ between brands. Use whichever is more appropriate for your use case.

Primitive

--tng-radius-00px

 

--tng-radius-11px

 

--tng-radius-22px

 

--tng-radius-33px

 

--tng-radius-44px

 

--tng-radius-55px

 

--tng-radius-77px

 

--tng-radius-88px

 

--tng-radius-1010px

 

--tng-radius-1515px

 

--tng-radius-1616px

 

--tng-radius-10001000px

 

--tng-radius-00px

 

--tng-radius-11px

 

--tng-radius-22px

 

--tng-radius-33px

 

--tng-radius-44px

 

--tng-radius-55px

 

--tng-radius-77px

 

--tng-radius-88px

 

--tng-radius-1010px

 

--tng-radius-1515px

 

--tng-radius-1616px

 

--tng-radius-10001000px

 

Semantic

--tng-radius-none0px

 

--tng-radius-2xs1px

 

--tng-radius-xs2px

 

--tng-radius-sm4px

 

--tng-radius-md8px

 

--tng-radius-lg16px

 

--tng-radius-xl1000px

 

--tng-radius-none0px

 

--tng-radius-2xs1px

 

--tng-radius-xs2px

 

--tng-radius-sm4px

 

--tng-radius-md8px

 

--tng-radius-lg16px

 

--tng-radius-xl1000px