mjs/nebula
mjs/nebula
1
0
Fork 0
mirror of https://github.com/onsonr/nebula.git synced 2025-03-11 09:49:12 +00:00
Code Issues Packages Projects Releases Wiki Activity
nebula/docs/pages/components/breadcrumb-item.md

991 B
Raw Blame History

meta layout
title description
Breadcrumb Item Breadcrumb Items are used inside breadcrumbs to represent different links.
component 
<sl-breadcrumb>
  <sl-breadcrumb-item>
    <sl-icon slot="prefix" name="house"></sl-icon>
    Home
  </sl-breadcrumb-item>
  <sl-breadcrumb-item>Clothing</sl-breadcrumb-item>
  <sl-breadcrumb-item>Shirts</sl-breadcrumb-item>
</sl-breadcrumb>

import SlBreadcrumb from '@onsonr/nebula/dist/react/breadcrumb';
import SlBreadcrumbItem from '@onsonr/nebula/dist/react/breadcrumb-item';
import SlIcon from '@onsonr/nebula/dist/react/icon';

const App = () => (
  <SlBreadcrumb>
    <SlBreadcrumbItem>
      <SlIcon slot="prefix" name="house"></SlIcon>
      Home
    </SlBreadcrumbItem>
    <SlBreadcrumbItem>Clothing</SlBreadcrumbItem>
    <SlBreadcrumbItem>Shirts</SlBreadcrumbItem>
  </SlBreadcrumb>
);

:::tip Additional demonstrations can be found in the breadcrumb examples. :::