Back to Component Browser

Box

Quartz

lib/quartz/components/Box/index.ts

Preview

Padded box

Tinted box

Import

import { Box } from '@/lib/quartz';

Props (3)

NameTypeRequiredDefaultDescription
asElementType<any, keyof IntrinsicElements>optionaldivRender the `<Box>` as a given element. e.g `<p>`, `<span>`, `<ul>`, `<li>`, etc. Can also provide a React component
_quartzInternal_classNamestringoptionalStyling with `_quartzInternal_className` is available but not recommended. Reason: For Box, it creates 2 sources of styles. The props and the classNam...
UNSAFE_styleCSSPropertiesoptionalStyling with inline styles is available but discouraged for the same reason _quartzInternal_className is not recommended. With Box, the only source of...

Usage

Not used in any projects yet.