Box

Polymorphic box component.

Import

import { ZBox } from "@zurto/ui";

Usage

<ZBox padding="md" margin="lg">Content</ZBox>
<ZBox as="section" bg="secondary">Section</ZBox>

Props

Prop	Type	Default	Description
as	ElementType	'div'	HTML element
padding	'none' | 'sm' | 'md' | 'lg'	–	Padding
margin	'none' | 'sm' | 'md' | 'lg'	–	Margin
bg	string	–	Background