properties
changelog

Wrap Flex Items

Control flex wrapping behavior.

Usage:

  • @flex wrap;
  • @flex wrap-reverse;
  • @flex wrap-none;
  • @flex wrap-*;

Reference

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

	properties: {
		flex: {
			wrap: {
				property: "flex-wrap: <v><i>;",
				values: {
					DEFAULT: "wrap",
					reverse: "wrap-reverse",
					none: "nowrap",
				},
			},
		},
	},
};

export default shilpConfig;