Skip to contents

Renders a horizontal or vertical dividing line, optionally with inline text.

Usage

el_divider(
  content = NULL,
  direction = "horizontal",
  content_position = "center",
  border_style = "solid",
  class = NULL,
  style = NULL
)

Arguments

content

Optional text/tag placed inside the divider. Only for direction = "horizontal".

direction

Divider orientation: "horizontal" (default) or "vertical".

content_position

Position of inline text when content is supplied: "center" (default), "left", or "right".

border_style

The line's style, as CSS border-style: "solid" (the default), "dashed", "dotted".

class, style

Extra classes and inline style, as Element passes them to its root – style = "height: auto" for a vertical divider that stretches in a flex row.

Value

An htmltools tag.

Examples

el_divider()
#> <div class="el-divider el-divider--horizontal" role="separator" style="--el-border-style:solid"></div>
el_divider("Title Text", content_position = "left")
#> <div class="el-divider el-divider--horizontal" role="separator" style="--el-border-style:solid">
#>   <div class="el-divider__text is-left">Title Text</div>
#> </div>
el_divider(direction = "vertical")
#> <div class="el-divider el-divider--vertical" role="separator" style="--el-border-style:solid"></div>