Semantic UI React  2.1.3
GitHub CHANGELOG
Getting Started
IntroductionGet StartedCompositionShorthand PropsThemingLayout examplesPrototypesMigration guide to v2
Elements
ButtonContainerDividerFlagHeaderIconImageInputLabelListLoaderPlaceholderRailRevealSegmentStep
Collections
BreadcrumbFormGridMenuMessageTable
Views
AdvertisementCardCommentFeedItemStatistic
Modules
AccordionCheckboxDimmerDropdownEmbedModalPopupProgressRatingSearchSidebarStickyTabTransition
Behaviors
Visibility
Addons
ConfirmPaginationPortalRadioRefSelectText AreaTransitionable Portal

Divider
A divider visually segments content into groups.

src/elements/Divider/Divider.js
Semantic UI Divider Docs

Types

Divider

A standard divider.

Try itCodeSandboxMaximizePermalink
To add a divider between parts of a grid use a divided Grid variation.

Vertical Divider

A divider can segment content vertically.

Try itCodeSandboxMaximizePermalink
Vertical dividers requires position: relative on the element that you would like to contain the divider.
Due to a change in W3C implementation of absolutely positioned elements in flex containers vertical dividers now currently only support 50/50 splits automatically, and only if not positioned as direct children of flex containers (like grid).

And
Try itCodeSandboxMaximizePermalink
A vertical divider will automatically swap to a horizontal divider at mobile resolutions when used inside a stackable Grid.
Or

Horizontal Divider

A divider can segement content horizontally.

Try itCodeSandboxMaximizePermalink
Horizontal dividers can also be used in combination with headers and icons to create different styles of dividers.
Dividers will automatically vary the size of their dividing rules to match the length of your text.
Or
Try itCodeSandboxMaximizePermalink

Description

Doggie treats are good for all times of the year. Proven to be eaten by 99.9% of all dogs worldwide.

Specifications

Size1" x 2"
Weight6 ounces
ColorYellowish
OdorNot Much Usually

Variations

Inverted

A divider can have its colors inverted.

Fitted

A divider can be fitted, without any space above or below it.

Hidden

A hidden divider divides content without creating a dividing line.

Section

A divider can provide greater margins to divide sections of content.

Clearing

A divider can clear the contents above it.

This is the bottom
Blazing deployments by Vercel.