The PadBox is design to create consistent padding based of off the spacing constants. PadBox takes either a single value, an array of values, or an object of values for fine tuning the padding
If you haven't already, install
npm install styled-components
Then install the stack component
npm install @bedrock-layout/padbox
padding can take a single value for a consistent box shape padding
padding can take an array that follows the padding short hand rules
padding can take an object to specify which locations will have padding and which type.
The properties support both traditional properties,
top, bottom, right, left and logical properties in camelcase,
blockStart, blockEnd, inlineStart, inlineEnd
no matter which properties are given, logical properties are used, if supported.
Checkout storybook for more details.
|padding||One of: |
|padding (array)||Array of padding options|
|padding (object)||Object of with padding locations as keys and padding options as values|