Breadcrumb

Getting started

Introduction Installation Quick Start CLI

Core Concepts

Overview

Customize

Layout System

Breakpoints Container Component Layout Component

Main

Base Typography

Components

Accordion Alert Breadcrumb Button Card Carousel Chart Dialog Draggable Form Footer Media Navbar Pagination Popover Sheet Section Tab Tooltip Window

Helpers

Flex and Grid Layout

Utilities

Border Color Display Flex Grid Height Margin Opacity Padding Position Shadow Width Z-index

Others

Background Dynamic Render Icon PWA Partial Render Scroll Driven Animation Smooth Scroll Syntax Highlighter Theme View Transition

About

Contributing License

Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS.

Examples

Here are examples of the Breadcrumb component:

Home

Libary

Data

<breadcrumb>
    <div class="item"><a href="#">Home</a></div>
    <div class="item"><a href="#">Libary</a></div>
    <div class="item active"><a href="#">Data</a></div>
</breadcrumb>

Useful Info

Here are some helpful tips for customizing and using the Breadcrumb component:

Use --separator CSS variable to change separator.

See example