@bedrock-layout/center

@bedrock-layout/center

Layout helper that centers the content

Full docs at: bedrock-layout.dev

When to Use

Used to center content on the screen

How to install

npm install @bedrock-layout/center

Usage

import Center from '@bedrock-layout/center';

<Center>
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
</Center>;

data-attribute

For purposes of styling you can select data-bedrock-layout-center.

API

Property	Description	Type	Default
maxWidth	maxWidth of the content	number, string	medium breakpoint
centerText	center align text	boolean	false
centerChildren	centers the children	boolean	false