# Content Wrapping
locked
responsive
group
This option controls how content wraps, if it exceeds the size of the container. For example, if a parent component contains multiple child components that flow in a row direction, then the child components will wrap to the next row if their combined width exceeds the width of the container.
Likewise, if the parent component contains a multiple child components that flow in a column direction, then the child components will wrap to the next column if their combined height exceeds the height of the container.
Note that for this to work, the component must be display: flex - which is the default setting for most.
| Value | Description |
|---|---|
| On | Enables content wrapping |
| Off | Disables content wrapping |
# Side Effects
None.