This UI component hasn't been finalized yet. The functionality and syntax aren't stable and might be redone in an upcoming release. Only use it at your own risk - breaking changes are likely to occur.
The Grid component is a CSS Grid wrapper. It goes very well together with the
<k-bolumn> component, which allows to set column widths in a very comfortable way. Any other element within the Grid component can be used as well though.
small, medium, large, huge
The Grid component can be used with any child element. By default each element has a width of 1/12. You can either control the width of each element with the
grid-column-start CSS property, or you can change the number of columns of the grid.
With some CSS variable magic, the Grid component can change its number of columns