Ant Design Blazor
Divider
A divider line separates different content.
When To Use
- Divide sections of article.
- Divide inline text and links such as the operation column of table.
Examples
Divider is horizontal by default. You can add text within Divider.
You can use non-heading style of divider text by setting plain.
Divider with inner title, set orientation="left/right" to align it.
Use type="vertical" make it vertical.
Divider API#
| Property | Description | Type | Default Value |
|---|---|---|---|
| ChildContent | ParameterContent to show inside the divider | RenderFragment | -- |
| Text | ParameterText to show inside the divider | String | -- |
| Plain | ParameterWhen false, the text will not be a header style. When true it will be header style. | Boolean | false |
| Type | ParameterType of divider - 'horizontal' | 'vertical' | DirectionVHType | DirectionVHType.Horizontal |
| Orientation | ParameterContent/Text orientation - 'left' | 'right' | 'center'. Ignored when not using `Text` or `ChildContent` | String | center |
| Dashed | ParameterWhether to style the line as dashed or not. | Boolean | false |
| 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 | -- |