Description
The FlexWrap
property in the BaseStyles
class represents the flex-wrap
CSS property. This property is used to specify whether flex items should wrap onto multiple lines or stay on a single line. It also defines the direction in which the new lines are stacked in a flex container.
Usage
To use the FlexWrap
property, you can set it to one of the values defined in the Sandbox.UI.Wrap
enumeration. The possible values include:
Wrap
- Flex items will wrap onto multiple lines from top to bottom.
WrapReverse
- Flex items will wrap onto multiple lines from bottom to top.
NoWrap
- Flex items will be kept on a single line, which may cause overflow.
Example
// Example of setting the FlexWrap property
var styles = new BaseStyles();
styles.FlexWrap = Wrap.Wrap; // Flex items will wrap onto multiple lines
// To unset the property, you can set it to null
styles.FlexWrap = null;