@fluentui/react-breadcrumb NPM | npm.io

9.0.27 • Published 1 day ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

1 day ago

@fluentui/react-breadcrumb

React Breadcrumb components for Fluent UI React

These are not production-ready components and should never be used in product. This space is useful for testing new components whose APIs might change before final release.

Breadcrumbs should be used as a navigational aid in your app or site. They indicate the current page's location within a hierarchy and help the user understand where they are in relation to the rest of that hierarchy.

Usage

To import React Breadcrumb components:

import {
  Breadcrumb,
  BreadcrumbItem,
  BreadcrumbButton,
  BreadcrumbDivider,
  BreadcrumbProps
} from "@fluentui/react-components';

Simple example of Breadcrumb Usage:

import { Breadcrumb, BreadcrumbItem, BreadcrumbDivider } from '@fluentui/react-breadcrumb';

export const App = () => (
  <Breadcrumb aria-label="breadcrumb">
    <BreadcrumbItem>Item 1</BreadcrumbItem>
    <BreadcrumbDivider />
    <BreadcrumbItem>Item 2</BreadcrumbItem>
    <BreadcrumbDivider />
    <BreadcrumbItem current={true}>Item 3</BreadcrumbItem>
  </Breadcrumb>
);

Specification

See the Spec.md file for background information on the design/engineering decisions of the component.

API

For information about the components, please refer to the API documentation.

@fluentui/react-aria @fluentui/react-button @fluentui/react-icons @fluentui/react-link @fluentui/react-shared-contexts @fluentui/react-tabster @fluentui/react-theme @fluentui/react-utilities @fluentui/react-jsx-runtime @griffel/react @swc/helpers

@everything-registry/sub-chunk-330 @fluentui/react-components

1 day ago

0.0.0-nightly-20240517-0405.1

5 days ago

0.0.0-nightly-20240520-0407.1

2 days ago

5 days ago

0.0.0-nightly-20240516-0406.1

6 days ago

0.0.0-nightly-20240515-0405.1

7 days ago

0.0.0-nightly-20240514-0405.1

8 days ago

0.0.0-nightly-20240513-0408.1

9 days ago

12 days ago

0.0.0-nightly-20240510-0407.1

12 days ago

0.0.0-nightly-20240509-0405.1

13 days ago

0.0.0-nightly-20240508-0405.1

14 days ago

15 days ago

0.0.0-nightly-20240506-0407.1

16 days ago

0.0.0-nightly-20240507-0407.1

15 days ago

19 days ago

0.0.0-nightly-20240503-0405.1

19 days ago

0.0.0-nightly-20240502-0405.1

20 days ago

0.0.0-nightly-20240501-0406.1

21 days ago

0.0.0-nightly-20240430-0406.1

22 days ago

0.0.0-nightly-20240429-0407.1

23 days ago

0.0.0-nightly-20240426-0405.1

26 days ago

0.0.0-nightly-20240425-0408.1

27 days ago

0.0.0-nightly-20240424-0405.1

28 days ago

28 days ago

0.0.0-nightly-20240423-0406.1

29 days ago

0.0.0-nightly-20240422-0407.1

30 days ago

0.0.0-nightly-20240419-0408.1

1 month ago

0.0.0-nightly-20240418-0406.1

1 month ago

1 month ago

0.0.0-nightly-20240417-0406.1

1 month ago

0.0.0-nightly-20240415-0407.1

1 month ago

0.0.0-nightly-20240411-0405.1

1 month ago

0.0.0-nightly-20240409-0405.1

1 month ago

0.0.0-nightly-20240408-0406.1

1 month ago

0.0.0-nightly-20240405-0409.1

2 months ago

0.0.0-nightly-20240404-0406.1

2 months ago

2 months ago

0.0.0-nightly-20240403-0405.1

2 months ago

0.0.0-nightly-20240402-0405.1

2 months ago

0.0.0-nightly-20240401-0408.1

2 months ago

0.0.0-nightly-20240329-0405.1

2 months ago

0.0.0-nightly-20240328-0407.1

2 months ago

0.0.0-nightly-20240327-0404.1

2 months ago

0.0.0-nightly-20240326-0405.1

2 months ago

0.0.0-nightly-20240325-0409.1

2 months ago

0.0.0-nightly-20240322-0406.1

2 months ago

0.0.0-nightly-20240321-0406.1

2 months ago

0.0.0-nightly-20240320-0406.1

2 months ago

0.0.0-nightly-20240319-0405.1

2 months ago

2 months ago

0.0.0-nightly-20240318-0408.1

2 months ago

2 months ago

0.0.0-nightly-20240315-0408.1

2 months ago

0.0.0-nightly-20240314-0406.1

2 months ago

0.0.0-nightly-20240312-0405.1

2 months ago

0.0.0-nightly-20240313-0405.1

2 months ago

0.0.0-nightly-20240311-0406.1

2 months ago

0.0.0-nightly-20240308-0405.1

2 months ago

2 months ago

0.0.0-nightly-20240307-0406.1

3 months ago

0.0.0-nightly-20240306-0405.1

3 months ago

0.0.0-nightly-20240305-0405.1

3 months ago

0.0.0-nightly-20240304-0405.1

3 months ago

0.0.0-nightly-20240301-0405.1

3 months ago

0.0.0-nightly-20240229-0406.1

3 months ago

0.0.0-nightly-20240228-0405.1

3 months ago

3 months ago

0.0.0-nightly-20240226-0407.1

3 months ago

0.0.0-nightly-20240227-0405.1

3 months ago

0.0.0-nightly-20240222-0407.1

3 months ago

0.0.0-nightly-20240223-0405.1

3 months ago

3 months ago

0.0.0-nightly-20240221-0405.1

3 months ago

0.0.0-nightly-20240220-0405.1

3 months ago

0.0.0-nightly-20240219-0407.1

3 months ago

0.0.0-nightly-20240216-0405.1

3 months ago

0.0.0-nightly-20240215-0406.1

3 months ago

0.0.0-nightly-20240214-0405.1

3 months ago

0.0.0-nightly-20240213-0403.1

3 months ago

0.0.0-nightly-20240212-0406.1

3 months ago

0.0.0-nightly-20240209-0405.1

3 months ago

0.0.0-nightly-20240208-0405.1

3 months ago

0.0.0-nightly-20240207-0406.1

3 months ago

3 months ago

0.0.0-nightly-20240206-0405.1

4 months ago

0.0.0-nightly-20240205-0406.1

4 months ago

0.0.0-nightly-20240202-0405.1

4 months ago

0.0.0-nightly-20240201-0407.1

4 months ago

4 months ago

0.0.0-nightly-20240131-0406.1

4 months ago

0.0.0-nightly-20240129-0407.1

4 months ago

0.0.0-nightly-20240126-0405.1

4 months ago

0.0.0-nightly-20240125-0407.1

4 months ago

0.0.0-nightly-20240124-0406.1

4 months ago

4 months ago

0.0.0-nightly-20240123-0405.1

4 months ago

0.0.0-nightly-20240122-0406.1

4 months ago

0.0.0-nightly-20240119-0406.1

4 months ago

4 months ago

0.0.0-nightly-20240118-0405.1

4 months ago

0.0.0-nightly-20240117-0405.1

4 months ago

4 months ago

4 months ago

0.0.0-nightly-20240115-0407.1

4 months ago

0.0.0-nightly-20240116-0406.1

4 months ago

4 months ago

0.0.0-nightly-20240111-0405.1

4 months ago

0.0.0-nightly-20240112-0405.1

4 months ago

0.0.0-nightly-20240110-0406.1

4 months ago

0.0.0-nightly-20240109-0405.1

4 months ago

4 months ago

0.0.0-nightly-20240108-0406.1

4 months ago

0.0.0-nightly-20240105-0405.1

5 months ago

0.0.0-nightly-20240104-0405.1

5 months ago

5 months ago

0.0.0-nightly-20240103-0406.1

5 months ago

0.0.0-nightly-20240101-0406.1

5 months ago

0.0.0-nightly-20231229-0405.1

5 months ago

0.0.0-nightly-20231228-0406.1

5 months ago

0.0.0-nightly-20231226-0405.1

5 months ago

0.0.0-nightly-20231227-0406.1

5 months ago

0.0.0-nightly-20231225-0406.1

5 months ago

0.0.0-nightly-20231222-0405.1

5 months ago

5 months ago

0.0.0-nightly-20231221-0406.1

5 months ago

0.0.0-nightly-20231220-0405.1

5 months ago

5 months ago

0.0.0-nightly-20231219-0407.1

5 months ago

0.0.0-nightly-20231218-0406.1

5 months ago

0.0.0-nightly-20231215-0405.1

5 months ago

5 months ago

0.0.0-nightly-20231214-0405.1

5 months ago

0.0.0-nightly-20231213-0405.1

5 months ago

0.0.0-nightly-20231211-0406.1

5 months ago

0.0.0-nightly-20231212-0405.1

5 months ago

0.0.0-nightly-20231208-0405.1

6 months ago

0.0.0-nightly-20231207-0407.1

6 months ago

0.0.0-nightly-20231206-0406.1

6 months ago

0.0.0-nightly-20231205-0406.1

6 months ago

0.0.0-nightly-20231204-0407.1

6 months ago

0.0.0-nightly-20231201-0406.1

6 months ago

6 months ago

0.0.0-nightly-20231130-0405.1

6 months ago

0.0.0-nightly-20231129-0405.1

6 months ago

0.0.0-nightly-20231127-0407.1

6 months ago

0.0.0-nightly-20231124-0406.1

6 months ago

0.0.0-nightly-20231123-0406.1

6 months ago

0.0.0-nightly-20231122-0406.1

6 months ago

0.0.0-nightly-20231121-0406.1

6 months ago

6 months ago

0.0.0-nightly-20231120-0407.1

6 months ago

0.0.0-nightly-20231117-0406.1

6 months ago

0.0.0-nightly-20231116-0411.1

6 months ago

0.0.0-nightly-20231115-0405.1

6 months ago

6 months ago