Ant Design Blazor
Flex
Examples
The basic usage.
Set align.
Set the gap between elements, which has three preset sizes: small, middle, large, You can also customize the gap size.
Auto wrap line.
Nesting can achieve more complex layouts.
Flex API#
| Property | Description | Type | Default Value |
|---|---|---|---|
| Vertical | ParameterIs direction of the flex vertical, use flex-direction: column | Boolean | -- |
| Wrap | ParameterSet whether the element is displayed in a single line or in multiple lines reference flex-wrap:https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap | String | -- |
| Justify | ParameterSets the alignment of elements in the direction of the main axis reference justify-content https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content | String | -- |
| Align | ParameterSets the alignment of elements in the direction of the cross axis reference align-items https://developer.mozilla.org/en-US/docs/Web/CSS/align-items | String | -- |
| FlexCss | Parameterflex CSS shorthand properties reference flex https://developer.mozilla.org/en-US/docs/Web/CSS/flex | String | -- |
| Gap | ParameterSets the gap between grids small | middle | large | string | number | String | -- |
| Component | ParameterCustom element type | String | -- |
| ChildContent | ParameterSet the child element | RenderFragment | -- |
| Id | ParameterID for the component's HTML | String | Uniquely Generated ID |
| Class | ParameterSpecifies one or more class names for an DOM element. | String | -- |
| Style | ParameterSpecifies an inline style for a DOM element. | String | -- |
| RefBack | ParameterA ForwardRef instance. You can get a reference to the internal DOM by using AntDesign.ForwardRef.Current. |
ForwardRef | -- |