Overview

For use within KGrid.

Layout input objects can define values for span, alignment, or both. They can define different layouts for different screen sizes which is very convenient for quickly building responsive layouts.

If no span is defined for a particular grid item, it span the full width of the grid.

If no alignment is defined for a particular layout, the item's contents will be left-aligned.

Props

Name Description Type Default Required
layout
Default layout object, for all grid sizes
object {}
layout4
Layout object for small, 4-column layouts
object {}
layout8
Layout object for medium, 8-column layouts
object {}
layout12
Layout object for large, 12-column layouts
object {}

Slots

Name Description
default
Contents of the grid item