Skip to main content
Elastic UI
Elastic UI
DocumentationPatternsContentData visualization
EUI ChangelogGitHubFigma
  • Introduction
  • Guidelines
    • Getting started
    • Testing
  • Components
    • Templates
      • Super date picker
    • Layout
      • Accordion
      • Bottom bar
      • Flex
      • Flyout
      • Header
      • Horizontal rule
      • Modal
      • Page header
      • Panel
      • Popover
      • Resizable container
      • Spacer
    • Navigation
      • Breadcrumbs
      • Button
      • Collapsible nav
      • combo_box
      • Context menu
      • Facet
      • Key pad menu
      • Link
      • Pagination
      • Side nav
      • Steps
      • Tabs
      • Tree view
    • Display
      • Aspect ratio
      • Avatar
      • Badge
      • Callout
      • Card
      • Comment list
      • Description list
      • Drag and drop
      • Empty prompt
      • Health
      • Image
      • List group
      • Loading
      • Progress
      • Skeleton
      • Stat
      • Text
      • Timeline
      • Title
      • Toast
      • Tooltip
      • Tour
    • Forms
      • Form controls
      • Selection controls
      • Form layouts
      • Compressed forms
      • Form validation
      • Auto refresh
      • Color selection
      • Combo box
      • Date picker
      • Expression
      • Filter group
      • Inline edit
      • Range sliders
      • Search bar
      • Selectable
      • Super select
  • content
  • data_visualization
  • EUI Docgen output demo
  • patterns
  • EUI
  • Components
  • Layout
  • Horizontal rule

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.

Edit this page
Previous
Header
Next
Modal
  • Margins
EUI is dual-licensed under Elastic License 2.0 and Server Side Public License, v 1 | Crafted with ❤ by Elastic