DevExtreme React - Overview

The Box widget allows you to arrange various elements within it. This widget is separate and adaptive and acts as the layout's building block.

View Demo

The following code adds a simple Box containing three items to your page. These items are plain texts placed in differently-colored rectangles arranged in a row. Equal ratio option values ensure they have equal widths.

Note that the Box items in the code above are declared using the dxItem markup component. An object passed to this component can have the following fields:

See Also