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="DividerType.Vertical" to divide elements with a vertical bar.
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 - `DividerType.Horizontal` | `DividerType.Vertical` | DividerType | DividerType.Horizontal |
| Orientation | ParameterContent/Text orientation - `DividerOrientation.Left` | `DividerOrientation.Right` | `DividerOrientation.Center`. Ignored when not using `Text` or `ChildContent` | DividerOrientation | DividerOrientation.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 | -- |