Layout

Layouts used for positioning content inside of pages, cards, or containers.

Colors


Transparent


Sizes


Collection Layout


Layout can leverage the max-width property. Learn more in our visual guidelines.

Collection Detail Layout


The left element on Collection Detail can be used for things such as navigation or secondary content to the element on the right. The right content can be used the same way that you would use Collection. The element on the right should be the primary focus and can be used for repeating elements such as cards.

Kanban Layout


Content Layout


Masonry Layout



UI Samples using Layout Kit

Get the full picture. See how this kit is used in our samples.

Available Props