Ant Design Blazor
Space
Set components spacing.
When To Use
Avoid components clinging together and set a unified space.
Examples
Crowded components horizontal spacing.
Crowded components vertical spacing.
Can set width: 100% fill a row.
SpaceSize.Large, SpaceSize.Middle and SpaceSize.Small preset sizes.
Set the size to SpaceSize.Large and SpaceSize.Middle by setting size to large and middle respectively. If Size is not set, the spacing is SpaceSize,Small.
Config item align.
Custom spacing size.
Auto wrap line.
Crowded components split.
Space API#
| Property | Description | Type | Default Value |
|---|---|---|---|
| Align | ParameterAlignment of items - start | end | center | baseline | SpaceAlign | -- |
| Direction | ParameterItem flow direction | SpaceDirection | SpaceDirection.Horizontal |
| Size | ParameterSize of space between items | OneOf<SpaceSize, 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 | -- |