The Box component differs from other containers available in AueraUI in that its usage is intended to be multipurpose and open-ended. Components like Stack and Card, by contrast, feature usage-specific props that make them ideal for certain use cases: Stack for two-dimensional layouts, and Card for elevated surfaces.

Below is a basic usage of the Box component.

Use the direction prop to change the layout direction.

The Box component fully supports Motion props, making animations effortless. You can pass motion-specific props directly to Box without wrapping it in motion.div.

See the comprehensive guide below for a complete reference to all of the props available to the components.

Built with Motion for smooth, customizable animations. Learn more about Motion