Horizontal rule

EuiHorizontalRule is a styled

<hr> element. It can be one of three provided sizes (lengths), by default it will be full.

Margins

The spacing added before and after EuiHorizontalRule can be adjusted using the margin prop. Don’t forget that margins will collapse against items that proceed and/or follow.

Props

EuiHorizontalRule

Extends HTMLAttributes


Prop	Description and type	Default value
Prop size#	Description and type Defines the width of the HR. Type: `"full" \| "half" \| "quarter"`	Default value `full`
Prop margin#	Description and type Type: `"xs" \| "s" \| "m" \| "l" \| "xl" \| "xxl" \| "none"`	Default value `l`
Prop className#	Description and type Type: `string`	Default value
Prop aria-label#	Description and type Type: `string`	Default value
Prop data-test-subj#	Description and type Type: `string`	Default value
Prop css#	Description and type Type: `Interpolation<Theme>`	Default value

Margins.css-1pgbpvp{-webkit-margin-start:8px;margin-inline-start:8px;opacity:0;}.css-1pgbpvp:focus,.heading:hover .css-1pgbpvp{opacity:1;}

Props

Margins