Foundation

Radius

Border radius tokens

Overview

Tokens that define the border radius of components.

Radius Scale

4 tokens
TokenValue

Usage

import { tokens } from '@illog/themes'
 
tokens.size.radius[200]   // '8px'
tokens.size.radius.full    // '9999px'
 
// With the Box component
<Box rounded="200">Default radius</Box>
<Box rounded="full">Circle</Box>