Socket
Socket
Sign inDemoInstall

@ausbom/breadcrumbs

Package Overview
Dependencies
9
Maintainers
5
Versions
52
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    @ausbom/breadcrumbs

> Breadcrumbs are a type of secondary navigation. They help the user understand their location in the website and show any parent pages associated with it. Breadcrumbs are a horizontal row of text links separated by the chevron icon (>). The chevron indic


Version published
Maintainers
5
Install size
7.37 MB
Created

Readme

Source

@ausbom/breadcrumbs

Breadcrumbs are a type of secondary navigation. They help the user understand their location in the website and show any parent pages associated with it. Breadcrumbs are a horizontal row of text links separated by the chevron icon (>). The chevron indicates the level of that page relative to the page links beside it.

Installation

npm install @ausbom/breadcrumbs

Usage

import Breadcrumbs, { Breadcrumb } from '@ausbom/breadcrumbs'
import React from 'react'
import Home12 from '@ausbom/icon/lib/icons/system/Home12'

// Desktop version
<Breadcrumbs>
  <Breadcrumb as="a" label="Home" icon={Home12} hideLabel href="/" id="one" />
  <Breadcrumb as="a" label="Level two" href="/" id="two" />
  <Breadcrumb as="span" label="Current page" current id="three" />
</Breadcrumbs>

// Compact (mobile) version
<Breadcrumbs compact>
  <Breadcrumb useAsCompact as="a" label="Parent to this page" href="/" id="one-compact" />
</Breadcrumbs>

FAQs

Last updated on 26 Mar 2024

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc