@bedrock-layout/padbox

bedrock-layout padbox layout primitive

Usage no npm install needed!

<script type="module">
  import bedrockLayoutPadbox from 'https://cdn.skypack.dev/@bedrock-layout/padbox';
</script>

README

@bedrock-layout/padbox

A layout helper component that creates vertical stack layout with gutters.

Full docs at: bedrock-layout.dev

When to Use

Padbox component creates a uniform padding based on the spacing constants. It can either take a single value or an array/object of values to fine-tune the padding.

How to install

npm install @bedrock-layout/padbox

or

yarn add @bedrock-layout/padbox

Usage

import { Padbox } from '@bedrock-layout/padbox';

<Padbox>{...content}</Padbox>;

data-attribute

For styling purposes, you can select data-bedrock-padbox.

API

* required

Property Description Type Default
padding* sets the padding around the content of the element Spacing**, array of Spacings, or object of Spacing values -

** By default, Spacing is one of the spacing-constants values, but this can be overwritten using the ThemeProvider from styled-components