Border radius

Tokens

TokenValue in pxExample
borderRadius-small
4px
borderRadius-medium
6px

Tokens with inline styles

import tokens from '@contentful/f36-tokens';
<div style={{ borderRadius: tokens.borderRadiusSmall }} />;

Tokens with emotion

import tokens from '@contentful/f36-tokens';
import { css } from 'emotion';
css({ borderRadius: tokens.borderRadiusSmall });

Help improve this page