---
title: 角丸
description: "角丸に使用するトークンのリスト。"
---

## 使い方

```tsx
<Box rounded="l2" />
```

```tsx
<Box borderRadius="l2" />
```

## トークン

| Token  | Value         |
| ------ | ------------- |
| `2xs`  | `"0.0625rem"` |
| `xs`   | `"0.125rem"`  |
| `sm`   | `"0.25rem"`   |
| `md`   | `"0.375rem"`  |
| `lg`   | `"0.5rem"`    |
| `xl`   | `"0.75rem"`   |
| `2xl`  | `"1rem"`      |
| `3xl`  | `"1.5rem"`    |
| `4xl`  | `"2rem"`      |
| `full` | `"9999px"`    |

## セマンティックトークン

| Token | Value   |
| ----- | ------- |
| `l1`  | `"sm"`  |
| `l2`  | `"md"`  |
| `l3`  | `"lg"`  |
| `l4`  | `"xl"`  |
| `l5`  | `"2xl"` |