VOOZH about

URL: https://gluestack.io/ui/docs/components/box

⇱ gluestack-ui Box Components | Installation, Usage, and API


Home
Components
Hooks
Apps
Guides

Box

Use gluestack-ui Box, a powerful box component for flexible layouts. Customize styles, props, and structure easily for web and native platforms. This is an illustration of Box component.

Installation

Run the following command:

npx gluestack-ui@latest add box

API Reference

To use this component in your project, include the following import statement in your file.
import { Box } from '@/components/ui/box';
export default () => <Box />;

Component Props

This section provides a comprehensive reference list for the component props, detailing descriptions, properties, types, and default behavior for easy project integration.

Box

Renders a
<div />
on web and a
View
on native.
PlatformOutput
Web
<div />
Native
<View />
Edit this page on GitHub