Box

The most abstract styling component in Chakra UI on top of which all other Chakra UI components are built.

Library

Chakra UI

Framework

React

Type

component

License

MIT

Install

npm i @chakra-ui/react @emotion/react

Files

• packages/react/src/components/box/index.ts
• packages/react/src/styled-system/index.ts
• packages/react/src/styled-system/config.ts
• packages/react/src/styled-system/create-recipe-context.tsx
• packages/react/src/styled-system/create-slot-recipe-context.tsx
• packages/react/src/styled-system/css.types.ts
• packages/react/src/styled-system/composition.ts
• packages/react/src/styled-system/empty.ts

Source

https://github.com/chakra-ui/chakra-ui

Categories

• Layout Components
• React Layout Components

More from Chakra UI

• Absolute Center
• Accordion
• Action Bar
• Alert
• Area Chart
• Aspect Ratio
• Avatar
• Badge
• Bar Chart
• Bar List
• Bar Segment
• Bleed