Semantic UI React  2.1.5
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

Sidebar
A sidebar hides additional content beside a page.

src/modules/Sidebar/Sidebar.js
Semantic UI Sidebar Docs
SidebarSidebar.PushableSidebar.Pusher

Types

Sidebar

A sidebar.

States

Visible

A sidebar can be visible on the page.

Dimmed

A pusher can be dimmed.

Examples

Transitions

Not all sidebar Transitions are available for every sidebar direction, or when multiple sidebars are visible at a time.

Multiple VisibleSupports Vertical SidebarsSupports Horizontal Sidebars
Overlay
Push
Scale Down
Uncover
Slide Along
Slide Out

Displaying Multiple

Multiple sidebars can be displayed at the same time only when using a supported animation likepush or overlay.

Usage

Callbacks

A sidebar can have callbacks.

Target

A sidebar can handle clicks on the passed element.

This is the bottom
Blazing deployments by Vercel.