Breadcrumb

Installation

Download the React source package, install its dependencies, and import the component with its shared styles.

'use client';
import '@helios-ui/react/styles.css';
import{NativeScope,NativeBreadcrumbExample}from'@helios-ui/react';
export function Example(){return <NativeScope><NativeBreadcrumbExample/></NativeScope>}

With avatars

Items accept arbitrary leading content - pass an xs Avatar for team/user trails, or an icon component reference for glyphs.

'use client';
import '@helios-ui/react/styles.css';
import{BoardNativeSectionExample}from'@helios-ui/react';
export function Example(){return <BoardNativeSectionExample slug="breadcrumb" id="avatars"/>}