@phase2/outline-grid
TypeScript icon, indicating that this package has built-in type declarations

0.0.9 • Public • Published

outline-grid

The Outline Grid component

Properties

Property Attribute Type Default Description
containerAlign container-align "none" | "left" | "center" | "right" "center" The horizontal position of the container.
fullBleed full-bleed boolean false Whether or not this is a full bleed container.
gapSize gap-size "small" | "large" | "medium" | "none" "small" How much of a gap should exist between columns? (This affects both the vertical and horizontal column/row gaps.)
gapSizeLg gap-size-lg "small" | "large" | "medium" | "none" How much of a gap should exist between columns on large+ screens? (This affects both the vertical and horizontal column/row gaps.)
gapSizeMd gap-size-md "small" | "large" | "medium" | "none" How much of a gap should exist between columns on medium+ screens? (This affects both the vertical and horizontal column/row gaps.)
gapSizeSm gap-size-sm "small" | "large" | "medium" | "none" How much of a gap should exist between columns on small+ screens? (This affects both the vertical and horizontal column/row gaps.)
gapSizeXl gap-size-xl "small" | "large" | "medium" | "none" How much of a gap should exist between columns on extra large+ screens? (This affects both the vertical and horizontal column/row gaps.)
gapSizeXxl gap-size-xxl "small" | "large" | "medium" | "none" How much of a gap should exist between columns on extra extra large+ screens? (This affects both the vertical and horizontal column/row gaps.)
gapSizeXxxl gap-size-xxxl "small" | "large" | "medium" | "none" How much of a gap should exist between columns on extra extra extra large+ screens? (This affects both the vertical and horizontal column/row gaps.)
xPadding x-padding boolean false Whether or not this container has left/right padding.
yPadding y-padding boolean false Whether or not this container has left/right padding.

Slots

Name Description
The default slot for this element.

Package Sidebar

Install

npm i @phase2/outline-grid

Weekly Downloads

27

Version

0.0.9

License

BSD-3-Clause

Unpacked Size

314 kB

Total Files

14

Last publish

Collaborators

  • nadavoid
  • grshane
  • dmuzyka
  • mkochendorfer
  • pschuelke
  • yuginaili
  • cclarkdev
  • febbraro
  • himerus
  • shaal