---
title: "Place Flex Items | @flex"
description: "Set flex items alignment along main-axis and cross-axis combined."
keywords: ["flex", "place", "align", "layout"]
---

# Place Flex Items

Set flex items alignment along main-axis and cross-axis combined.

Usage:

- `@flex place-*;`

<Alert variant="info">

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

</Alert>

---

<section>

## Reference

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

	properties: {
		flex: {
			place: {
				property: "place-content: <v><i>;",
				values: {
					start: "flex-start",
					center: "center",
					end: "flex-end",
					between: "space-between",
					around: "space-around",
					evenly: "space-evenly",
					stretch: "stretch",
				},
			},
		},
	},
};

export default shilpConfig;
```

</section>
