---
title: Breakpoints
description: "List of tokens used for breakpoints."
---

## Usage

```tsx
<Box fontSize={{ base: "md", md: "sm" }} />
```

## Tokens

| Token | Value    |
| ----- | -------- |
| `sm`  | `"30em"` |
| `md`  | `"48em"` |
| `lg`  | `"61em"` |
| `xl`  | `"80em"` |
| `2xl` | `"90em"` |