Box

The core styling component of Elemnts ui, upon which all other components are built.

Usage

The Box component offers a straightforward approach to applying styles effortlessly. It grants access to design tokens and delivers exceptional developer experience when crafting responsive styles.

import { Box } from "@elemnts-ui/react"

<Box>
  {...content}
</Box>

Shorthand

Use shorthand props such as bgColor for backgroundColor and p for padding to write styles more concisely.

Pseudo props

Use pseudo props like _hover to style an element on hover, _active to style it on active, and more.