Skip to content

Commit

Permalink
Breadcrumb docs: update image screenshots (#734)
Browse files Browse the repository at this point in the history
* Update image screenshots

* update img src
  • Loading branch information
tbenning committed Feb 28, 2024
1 parent cc3821c commit 698b1ee
Showing 1 changed file with 4 additions and 4 deletions.
8 changes: 4 additions & 4 deletions content/components/breadcrumbs.mdx
Expand Up @@ -16,7 +16,7 @@ import {AccessibilityLink} from '~/src/components/accessibility-link'
<img
width="960"
alt="An image of the breadcrumb component"
src="https://user-images.githubusercontent.com/586552/204619264-27de7458-1a77-445f-bc56-83472bf30bfe.png"
src="https://github.com/primer/design/assets/2313998/712e582d-6b51-4b03-a141-747fd31a30e9"
/>

## Usage
Expand All @@ -37,7 +37,7 @@ Breadcrumbs are made of links (indicating parents), dividers, and the current pa
<img
width="960"
alt="An image showing the anatomy of the breacrumb component"
src="https://user-images.githubusercontent.com/586552/204619263-c21f06c1-433d-4817-860b-f9d051836cd3.png"
src="https://github.com/primer/design/assets/2313998/068d9757-0a9c-46cd-a3b8-2720447d9fad"
/>

<Caption>Note: The space between items is set to 0px as the divider has padding built into it.</Caption>
Expand All @@ -51,11 +51,11 @@ By default the breadcrumbs component can show up to 10 items within the chain.
<img
width="960"
alt="An image showing various breadcrumbs with different numbers of items in the breadcrumb chain"
src="https://user-images.githubusercontent.com/586552/204618645-1abd2204-f197-402d-9b01-de648ddd1812.png"
src="https://github.com/primer/design/assets/2313998/0007110c-0e54-4775-aeac-d8de1dfc916a"
/>

## Accessibility

### Known accessibility issues (GitHub staff only)

<AccessibilityLink label="Breadcrumbs"/>
<AccessibilityLink label="Breadcrumbs"/>

0 comments on commit 698b1ee

Please sign in to comment.