---
title: Blurs
description: "List of tokens used for blurs."
---

## Usage

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

## Tokens

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