properties
changelog

Flex Flow OR Direction

Define flex layout flow or direction.

Usage:

  • @flex flow-*;
  • @flex flow-row;
  • @flex flow-row-reverse;
  • @flex flow-col;
  • @flex flow-col-reverse;

Reference

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

	properties: {
		flex: {
			flow: {
				property: "flex-direction: <v><i>;",
				values: {
					row: {
						DEFAULT: "row",
						reverse: "row-reverse",
					},
					col: {
						DEFAULT: "column",
						reverse: "column-reverse",
					},
				},
			},
		},
	},
};

export default shilpConfig;