Blurs

List of tokens used for blurs.

Usage

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

Tokens

sm

md

lg

xl

2xl

3xl

4xl

TokenValue
sm"4px"
md"8px"
lg"12px"
xl"16px"
2xl"24px"
3xl"40px"
4xl"64px"