Skip to content
Docs
Components
Primitives
Box

Box

Box is the most abstract component on top of which all other AdaptUI components are built. It uses Arikits's Role component internally.

Imports

import { Box } from "@adaptui/react-tailwind";

Usage

As prop

By using the as prop, you can control which element should be rendered. If you are using typescript, Box is fully typesafe too.

You can either pass string elements or pass ReactNode to the as prop.

Follows all the Ariakits composition rules Arikits Composition Docs

Tailwind CSS example

Card example

API Reference

Prop

Type

Default

asstring | React.ElementTypediv
Last updated on June 6, 2023