Box is the most abstract component on top of which all other Nature UI components are built. By default, it renders a div element.


import { Box } from '@nature-ui/core';

Basic Usage#

This is the Box
Editable Example


Rear view of modern home with pool
3 beds • 2 baths

Modern home in city center in the heart of historic Los Angeles

$1,900.00/ wk
34 reviews
Editable Example

as prop#

You can use the as prop to change the element render, just like styled-components.

Editable Example