Grid Flow Direction

Define grid layout flow direction using auto-placement algorithm.

Usage:

@grid flow-*;
@grid flow-row;
@grid flow-row-dense;
@grid flow-col;
@grid flow-col-dense;

info

This page contains only the property configuration reference. Complete documentation and usage examples will be added progressively in future updates.

Reference

shilp.config.js
const shilpConfig = {
	source: "react",

	properties: {
		grid: {
			flow: {
				property: "grid-auto-flow: <v><i>;",
				values: {
					row: {
						DEFAULT: "row",
						dense: "row dense",
					},
					col: {
						DEFAULT: "column",
						dense: "column dense",
					},
				},
			},
		},
	},
};

export default shilpConfig;

content items