Ant Design Blazor
Space
Examples
Crowded components horizontal spacing.
Crowded components vertical spacing.
Can set width: 100% fill a row.
large, middle and small preset sizes.
Set the size to large and middle by setting size to large and middle respectively. If size is not set, the spacing is small.
Custom spacing size.
Config item align.
Auto wrap line.
Crowded components split.
Space API#
| Property | Description | Type | Default Value |
|---|---|---|---|
| Align | ParameterAlignment of items - start | end | center | baseline | String | -- |
| Direction | ParameterItem flow direction | DirectionVHType | DirectionVHType.Horizontal |
| Size | ParameterSize of space between items | OneOf<String, ValueTuple<String, String>> | small |
| Wrap | ParameterWrap items to multiple lines or not. Ignored when Direction is vertical. | Boolean | false |
| Split | ParameterContent displayed in the space between items | RenderFragment | -- |
| ChildContent | ParameterContent of space - should contain SpaceItem elements | 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 | -- |
SpaceItem API#
| Property | Description | Type | Default Value |
|---|---|---|---|
| ChildContent | ParameterChild content | 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 | -- |