react/src/breadcrumbs/stories/BreadcrumbsBasic.component.tsx at bad0faf9ec734ae03d6bb1f4509c8ec288a35e85 · adaptui/react · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
import * as React from "react";

import { BreadcrumbLink, Breadcrumbs, BreadcrumbsProps } from "../../index";

import "./BreadcrumbsBasic.css";

export type BreadcrumbsBasicProps = BreadcrumbsProps & {};

export const BreadcrumbsBasic: React.FC<BreadcrumbsBasicProps> = props => {
  return (
    <Breadcrumbs aria-label="Breadcrumb" className="breadcrumb">
      <ol>
        <li>
          <BreadcrumbLink href="https://www.w3.org/TR/wai-aria-practices-1.1/">
            WAI-ARIA Authoring Practices 1.1
          </BreadcrumbLink>
        </li>
        <li>
          <BreadcrumbLink href="https://www.w3.org/TR/wai-aria-practices-1.1/#aria_ex">
            Design Patterns
          </BreadcrumbLink>
        </li>
        <li>
          <BreadcrumbLink
            isCurrentPage
            href="https://www.w3.org/TR/wai-aria-practices-1.1/#breadcrumb"
          >
            Breadcrumb Pattern
          </BreadcrumbLink>
        </li>
        <li>
          <BreadcrumbLink href="https://www.w3.org/TR/wai-aria-practices-1.1/examples/breadcrumb/index.html">
            Breadcrumb Example
          </BreadcrumbLink>
        </li>
      </ol>
    </Breadcrumbs>
  );
};

export default BreadcrumbsBasic;