Skip to content

Commit ecf375f

Browse files
authored
improving the docs breadcrumb example links (#5533)
1 parent df4bc51 commit ecf375f

File tree

3 files changed

+8
-8
lines changed

3 files changed

+8
-8
lines changed

packages/@react-aria/breadcrumbs/docs/useBreadcrumbs.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -181,7 +181,7 @@ function BreadcrumbItem(props) {
181181

182182
<Breadcrumbs>
183183
<BreadcrumbItem href="/">Home</BreadcrumbItem>
184-
<BreadcrumbItem href="/react-aria">React Aria</BreadcrumbItem>
184+
<BreadcrumbItem href="/react-aria/">React Aria</BreadcrumbItem>
185185
<BreadcrumbItem>useBreadcrumbs</BreadcrumbItem>
186186
</Breadcrumbs>
187187
```
@@ -197,7 +197,7 @@ Breadcrumbs can be disabled using the `isDisabled` prop, passed to each disabled
197197
```tsx example
198198
<Breadcrumbs>
199199
<BreadcrumbItem href="/" isDisabled>Home</BreadcrumbItem>
200-
<BreadcrumbItem href="/react-aria">React Aria</BreadcrumbItem>
200+
<BreadcrumbItem href="/react-aria/">React Aria</BreadcrumbItem>
201201
<BreadcrumbItem>useBreadcrumbs</BreadcrumbItem>
202202
</Breadcrumbs>
203203
```

packages/@react-spectrum/breadcrumbs/docs/Breadcrumbs.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -85,8 +85,8 @@ By default, interacting with an item in Breadcrumbs triggers `onAction`. Items m
8585
```tsx example
8686
<Breadcrumbs>
8787
<Item href="/">Home</Item>
88-
<Item href="/react-spectrum">React Spectrum</Item>
89-
<Item href="/react-spectrum/Breadcrumbs">Breadcrumbs</Item>
88+
<Item href="/react-spectrum/">React Spectrum</Item>
89+
<Item href="/react-spectrum/Breadcrumbs.html">Breadcrumbs</Item>
9090
</Breadcrumbs>
9191
```
9292

packages/react-aria-components/docs/Breadcrumbs.mdx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ import {Breadcrumbs, Breadcrumb, Link} from 'react-aria-components';
4747

4848
<Breadcrumbs>
4949
<Breadcrumb><Link href="/">Home</Link></Breadcrumb>
50-
<Breadcrumb><Link href="/react-aria">React Aria</Link></Breadcrumb>
50+
<Breadcrumb><Link href="/react-aria/">React Aria</Link></Breadcrumb>
5151
<Breadcrumb><Link>Breadcrumbs</Link></Breadcrumb>
5252
</Breadcrumbs>
5353
```
@@ -231,7 +231,7 @@ When breadcrumbs are used as a main navigation element for a page, they can be p
231231
<nav aria-label="Breadcrumbs">
232232
<Breadcrumbs>
233233
<Breadcrumb><Link href="/">Home</Link></Breadcrumb>
234-
<Breadcrumb><Link href="/react-aria">React Aria</Link></Breadcrumb>
234+
<Breadcrumb><Link href="/react-aria/">React Aria</Link></Breadcrumb>
235235
<Breadcrumb><Link>Breadcrumbs</Link></Breadcrumb>
236236
</Breadcrumbs>
237237
</nav>
@@ -246,7 +246,7 @@ Breadcrumbs can be disabled using the `isDisabled` prop. This indicates that nav
246246
```tsx example
247247
<Breadcrumbs isDisabled>
248248
<Breadcrumb><Link href="/">Home</Link></Breadcrumb>
249-
<Breadcrumb><Link href="/react-aria">React Aria</Link></Breadcrumb>
249+
<Breadcrumb><Link href="/react-aria/">React Aria</Link></Breadcrumb>
250250
<Breadcrumb><Link>Breadcrumbs</Link></Breadcrumb>
251251
</Breadcrumbs>
252252
```
@@ -276,7 +276,7 @@ Individual breadcrumbs can also be disabled by passing the `isDisabled` prop to
276276
```tsx example
277277
<Breadcrumbs>
278278
<Breadcrumb><Link href="/">Home</Link></Breadcrumb>
279-
<Breadcrumb><Link isDisabled href="/react-aria">React Aria</Link></Breadcrumb>
279+
<Breadcrumb><Link isDisabled href="/react-aria/">React Aria</Link></Breadcrumb>
280280
<Breadcrumb><Link>Breadcrumbs</Link></Breadcrumb>
281281
</Breadcrumbs>
282282
```

0 commit comments

Comments
 (0)