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

Spacer

The EuiSpacer component is for adding vertical space between items and should be used in place of the <br /> tag. There are many different heights you can specify via the size prop which align to the EUI vertical grid sizing.

Edit this page
Previous
Resizable container
Next
Breadcrumbs
EUI is dual-licensed under Elastic License 2.0 and Server Side Public License, v 1 | Crafted with ❤ by Elastic