MENU

Padding for basic column control

This page outlines the use of padding on a basic Column Control component.  

Default

The default version is without "full width" or "no spacing" selected.

Default, pad-all

Default, pad-left-right

Default, pad-left

Default, pad-right

Default, pad-top-bottom

Default, pad-top

Default, pad-bottom

Full width

Full width, pad-all

Full-width, pad-left-right

Full-width, pad-left

Full-width, pad-right

Full-width, pad-top-bottom

Full-width, pad-top

Full-width, pad-bottom

No spacing

No spacing, pad-all

No spacing, pad-left-right

No spacing, pad-left

No spacing, pad-right

No spacing, pad-top-bottom

No spacing, pad-top

No spacing, pad-bottom

No spacing, full width

No spacing, full width, pad-all

No spacing, full width, pad-left-right

No spacing, full width, pad-left

No spacing, full width, pad-right

No spacing, full width, pad-top-bottom

No spacing, full width, pad-top

No spacing, full width, pad-bottom

No spacing, full width, pad-all, md-stack-first

No spacing, full width, pad-all, md-stack-first

No spacing, full width, pad-all, mds-stack