---
title: Durations
description: "List of tokens used for durations."
---

## Usage

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

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

## Tokens

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