Divider

Examples

Horizontal

Divider is horizontal by default. You can add text within Divider.

Text without heading style

You can use non-heading style of divider text by setting plain.

Divider with title

Divider with inner title, set orientation="left/right" to align it.

Vertical

Use type="vertical" make it vertical.

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	--