Activity Stream
Report-Fix / Update

Add 3 files to Tasks

Monday , 4:24 PM
Project Status

Marked Design as Completed

Monday , 3:00 PM
UI
Larkon Application UI v2.0.0 Latest

Get access to over 20+ pages including a dashboard layout, charts, kanban board, calendar, and pre-order E-commerce & Marketing pages.

Monday , 2:10 PM
avatar-5
Alex Smith Attached Photos
Monday 1:00 PM
avatar-5
Rebecca J. added a new team member

Added a new member to Front Dashboard

Monday 10:00 AM
Achievements

Earned a " Best Product Award"

Monday 9:30 AM
View All
Theme Settings
Color Scheme
Topbar Color
Menu Color
Sidebar Size
Default Example#

Use an ordered or unordered list with linked list items to create a minimally styled breadcrumb. Use our utilities to add additional styles as desired.

html
                                                
                                                    <!-- Default Breadcrumb -->
                                                    <nav aria-label="breadcrumb">
                                                        <ol class="breadcrumb py-0">
                                                            <li class="breadcrumb-item active" aria-current="page">Home</li>
                                                        </ol>
                                                    </nav>
            
                                                    <nav aria-label="breadcrumb">
                                                        <ol class="breadcrumb py-0">
                                                            <li class="breadcrumb-item"><a href="javascript:void(0);">Home</a></li>
                                                            <li class="breadcrumb-item active" aria-current="page">Library</li>
                                                        </ol>
                                                    </nav>
            
                                                    <nav aria-label="breadcrumb">
                                                        <ol class="breadcrumb mb-0 py-0">
                                                            <li class="breadcrumb-item"><a href="javascript:void(0);">Home</a></li>
                                                            <li class="breadcrumb-item"><a href="javascript:void(0);">Library</a></li>
                                                            <li class="breadcrumb-item active" aria-current="page">Data</li>
                                                        </ol>
                                                    </nav>
                                                
                                            
Dividers Breadcrumb #

Optionally you can also specify the icon with your breadcrumb item.

html
                                                
                                                    <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
                                                        <ol class="breadcrumb py-0">
                                                            <li class="breadcrumb-item active" aria-current="page">Home</li>
                                                        </ol>
                                                    </nav>

                                                    <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
                                                        <ol class="breadcrumb py-0">
                                                            <li class="breadcrumb-item"><a href="javascript:void(0);">Home</a></li>
                                                            <li class="breadcrumb-item active" aria-current="page">Library</li>
                                                        </ol>
                                                    </nav>
                                                    
                                                    <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
                                                        <ol class="breadcrumb mb-0 py-0">
                                                            <li class="breadcrumb-item"><a href="javascript:void(0);">Home</a></li>
                                                            <li class="breadcrumb-item"><a href="javascript:void(0);">Library</a></li>
                                                            <li class="breadcrumb-item active" aria-current="page">Data</li>
                                                        </ol>
                                                    </nav>
                                                
                                            
© Larkon. Crafted by Techzaa