---
title: 所要時間
description: "アニメーションの所要時間などに使用するトークンのリスト。"
---

## 使い方

```tsx
<Box animationName="spin" animationDuration="moderate" />
```

```tsx
<Box transitionProperty="all" transitionDuration="moderate" />
```

## トークン

| Token      | Value     |
| ---------- | --------- |
| `fastest`  | `"50ms"`  |
| `faster`   | `"100ms"` |
| `fast`     | `"150ms"` |
| `moderate` | `"200ms"` |
| `slow`     | `"300ms"` |
| `slower`   | `"400ms"` |
| `slowest`  | `"500ms"` |