Box

Box is a container component that can be used to wrap other components.

Examples

Basic

The Box component can be used to wrap other components.

<Box style="padding: 15px 20px">
    Box from element
</Box>
Box from element

CSS Class

You can also use the hds-box class to apply the box styles to any element.

<div class="hds-box">
    Some text
</div>
Some text
Table of Contents