---
title: ぼかし
description: "ぼかしに使用するトークンのリスト。"
---

## 使い方

```tsx
<Box bgImage="https://example.com/image.jpg">
  <Box backdropBlur="md" />
</Box>
```

## トークン

| Token | Value    |
| ----- | -------- |
| `sm`  | `"4px"`  |
| `md`  | `"8px"`  |
| `lg`  | `"12px"` |
| `xl`  | `"16px"` |
| `2xl` | `"24px"` |
| `3xl` | `"40px"` |
| `4xl` | `"64px"` |