Semantic UI React 0.83.0

GitHub CHANGELOG

Getting Started

Introduction Usage Theming Layouts Prototypes

Externals

Div React Datepicker

Elements

Flag Button Container Divider Header Image Icon Label Loader List Input Placeholder Reveal Segment Rail Step

Collections

Breadcrumb Grid Form Menu Message Table

Views

Advertisement Card Comment Item Feed Statistic

Modules

Dropdown Embed Modal Popup Progress Rating Search Sidebar Sticky Tab Transition Accordion Checkbox Dimmer

Behaviors

Visibility

Addons

Mount Node Confirm Pagination Portal Radio Text Area Transitionable Portal Ref Responsive Select

Breadcrumb
A breadcrumb is used to show hierarchy between content.

src/collections/Breadcrumb/Breadcrumb.js

Semantic UI Breadcrumb Docs

Props

Breadcrumb Breadcrumb.Divider Breadcrumb.Section

Themed

This section is intended as a reference for specific use cases of components, or compositions of them, that are not covered in the component's default examples.

Types

Breadcrumb

A standard breadcrumb.

Try it Show HTML Maximize Permalink

Content

Divider

A breadcrumb can contain a divider to show the relationship between sections, this can be formatted as an icon or text.

Try it Show HTML Maximize Permalink

Section

A breadcrumb can contain sections that can either be formatted as a link or text.

Try it Show HTML Maximize Permalink

Link

A section may be linkable or contain a link.

Try it Show HTML Maximize Permalink

Variations

Size

A breadcrumb can vary in size.

Try it Show HTML Maximize Permalink

This is the bottom

Themed

Types

Breadcrumb

Content

Divider Section Link

Variations

Size

BreadcrumbA breadcrumb is used to show hierarchy between content.

Themed

This section is intended as a reference for specific use cases of components, or compositions of them, that are not covered in the component's default examples.

Types

Breadcrumb

Content

Divider

Section

Link

Variations

Size

Breadcrumb
A breadcrumb is used to show hierarchy between content.