Semantic UI React 0.83.0

GitHub CHANGELOG

Getting Started

Introduction Usage Theming Layouts Prototypes

Externals

Div React Datepicker

Elements

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

Collections

Breadcrumb Form Grid Menu Message Table

Views

Advertisement Card Comment Feed Item Statistic

Modules

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

Behaviors

Visibility

Addons

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

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.