Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Appearance settings

Commit fd9f2a8

Browse filesBrowse files
mrholekmrholek
committed
docs: add withPrefix to urls
1 parent f80bc4a commit fd9f2a8
Copy full SHA for fd9f2a8

28 files changed

+87
-59
lines changed

‎packages/docs/content/components/avatar/examples/AvatarImage.tsx

Copy file name to clipboard
+4-3Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,13 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import { CAvatar } from '@coreui/react'
34

45
export const AvatarImage = () => {
56
return (
67
<>
7-
<CAvatar src={'/images/avatars/1.jpg'} />
8-
<CAvatar src={'/images/avatars/2.jpg'} />
9-
<CAvatar src={'/images/avatars/3.jpg'} />
8+
<CAvatar src={withPrefix('/images/avatars/1.jpg')} />
9+
<CAvatar src={withPrefix('/images/avatars/2.jpg')} />
10+
<CAvatar src={withPrefix('/images/avatars/3.jpg')} />
1011
</>
1112
)
1213
}

‎packages/docs/content/components/avatar/examples/AvatarWithStatus.tsx

Copy file name to clipboardExpand all lines: packages/docs/content/components/avatar/examples/AvatarWithStatus.tsx
+2-1Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import { CAvatar } from '@coreui/react'
34

45
export const AvatarWithStatus = () => {
56
return (
67
<>
7-
<CAvatar src={'/images/avatars/1.jpg'} status="success" />
8+
<CAvatar src={withPrefix('/images/avatars/1.jpg')} status="success" />
89
<CAvatar color="secondary" status="danger">
910
CUI
1011
</CAvatar>

‎packages/docs/content/components/card/examples/CardExample.tsx

Copy file name to clipboardExpand all lines: packages/docs/content/components/card/examples/CardExample.tsx
+2-1Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import { CButton, CCard, CCardBody, CCardImage, CCardText, CCardTitle } from '@coreui/react'
34

45
export const CardExample = () => {
56
return (
67
<CCard style={{ width: '18rem' }}>
7-
<CCardImage orientation="top" src={'/images/react.jpg'} />
8+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
89
<CCardBody>
910
<CCardTitle>Card title</CCardTitle>
1011
<CCardText>

‎packages/docs/content/components/card/examples/CardGrid2Example.tsx

Copy file name to clipboardExpand all lines: packages/docs/content/components/card/examples/CardGrid2Example.tsx
+5-4Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import {
34
CCard,
45
CCardBody,
@@ -15,7 +16,7 @@ export const CardGrid2Example = () => {
1516
<CRow xs={{ cols: 1, gutter: 4 }} md={{ cols: 3 }}>
1617
<CCol xs>
1718
<CCard>
18-
<CCardImage orientation="top" src={'/images/react.jpg'} />
19+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
1920
<CCardBody>
2021
<CCardTitle>Card title</CCardTitle>
2122
<CCardText>
@@ -30,7 +31,7 @@ export const CardGrid2Example = () => {
3031
</CCol>
3132
<CCol xs>
3233
<CCard>
33-
<CCardImage orientation="top" src={'/images/react.jpg'} />
34+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
3435
<CCardBody>
3536
<CCardTitle>Card title</CCardTitle>
3637
<CCardText>
@@ -45,7 +46,7 @@ export const CardGrid2Example = () => {
4546
</CCol>
4647
<CCol xs>
4748
<CCard>
48-
<CCardImage orientation="top" src={'/images/react.jpg'} />
49+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
4950
<CCardBody>
5051
<CCardTitle>Card title</CCardTitle>
5152
<CCardText>
@@ -60,7 +61,7 @@ export const CardGrid2Example = () => {
6061
</CCol>
6162
<CCol xs>
6263
<CCard>
63-
<CCardImage orientation="top" src={'/images/react.jpg'} />
64+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
6465
<CCardBody>
6566
<CCardTitle>Card title</CCardTitle>
6667
<CCardText>

‎packages/docs/content/components/card/examples/CardGrid3Example.tsx

Copy file name to clipboardExpand all lines: packages/docs/content/components/card/examples/CardGrid3Example.tsx
+5-4Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,13 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import { CCard, CCardBody, CCardImage, CCardText, CCardTitle, CCol, CRow } from '@coreui/react'
34

45
export const CardGrid3Example = () => {
56
return (
67
<CRow xs={{ cols: 1 }} md={{ cols: 3 }} className="g-4">
78
<CCol xs>
89
<CCard className="h-100">
9-
<CCardImage orientation="top" src={'/images/react.jpg'} />
10+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
1011
<CCardBody>
1112
<CCardTitle>Card title</CCardTitle>
1213
<CCardText>
@@ -18,7 +19,7 @@ export const CardGrid3Example = () => {
1819
</CCol>
1920
<CCol xs>
2021
<CCard className="h-100">
21-
<CCardImage orientation="top" src={'/images/react.jpg'} />
22+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
2223
<CCardBody>
2324
<CCardTitle>Card title</CCardTitle>
2425
<CCardText>
@@ -29,7 +30,7 @@ export const CardGrid3Example = () => {
2930
</CCol>
3031
<CCol xs>
3132
<CCard className="h-100">
32-
<CCardImage orientation="top" src={'/images/react.jpg'} />
33+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
3334
<CCardBody>
3435
<CCardTitle>Card title</CCardTitle>
3536
<CCardText>
@@ -42,7 +43,7 @@ export const CardGrid3Example = () => {
4243
</CCol>
4344
<CCol xs>
4445
<CCard className="h-100">
45-
<CCardImage orientation="top" src={'/images/react.jpg'} />
46+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
4647
<CCardBody>
4748
<CCardTitle>Card title</CCardTitle>
4849
<CCardText>

‎packages/docs/content/components/card/examples/CardGrid4Example.tsx

Copy file name to clipboardExpand all lines: packages/docs/content/components/card/examples/CardGrid4Example.tsx
+4-3Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import {
34
CCard,
45
CCardBody,
@@ -15,7 +16,7 @@ export const CardGrid4Example = () => {
1516
<CRow xs={{ cols: 1 }} md={{ cols: 3 }} className="g-4">
1617
<CCol xs>
1718
<CCard className="h-100">
18-
<CCardImage orientation="top" src={'/images/react.jpg'} />
19+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
1920
<CCardBody>
2021
<CCardTitle>Card title</CCardTitle>
2122
<CCardText>
@@ -30,7 +31,7 @@ export const CardGrid4Example = () => {
3031
</CCol>
3132
<CCol xs>
3233
<CCard className="h-100">
33-
<CCardImage orientation="top" src={'/images/react.jpg'} />
34+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
3435
<CCardBody>
3536
<CCardTitle>Card title</CCardTitle>
3637
<CCardText>
@@ -44,7 +45,7 @@ export const CardGrid4Example = () => {
4445
</CCol>
4546
<CCol xs>
4647
<CCard className="h-100">
47-
<CCardImage orientation="top" src={'/images/react.jpg'} />
48+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
4849
<CCardBody>
4950
<CCardTitle>Card title</CCardTitle>
5051
<CCardText>

‎packages/docs/content/components/card/examples/CardGridExample.tsx

Copy file name to clipboardExpand all lines: packages/docs/content/components/card/examples/CardGridExample.tsx
+5-4Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import {
34
CCard,
45
CCardBody,
@@ -15,7 +16,7 @@ export const CardGridExample = () => {
1516
<CRow xs={{ cols: 1, gutter: 4 }} md={{ cols: 2 }}>
1617
<CCol xs>
1718
<CCard>
18-
<CCardImage orientation="top" src={'/images/react.jpg'} />
19+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
1920
<CCardBody>
2021
<CCardTitle>Card title</CCardTitle>
2122
<CCardText>
@@ -30,7 +31,7 @@ export const CardGridExample = () => {
3031
</CCol>
3132
<CCol xs>
3233
<CCard>
33-
<CCardImage orientation="top" src={'/images/react.jpg'} />
34+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
3435
<CCardBody>
3536
<CCardTitle>Card title</CCardTitle>
3637
<CCardText>
@@ -45,7 +46,7 @@ export const CardGridExample = () => {
4546
</CCol>
4647
<CCol xs>
4748
<CCard>
48-
<CCardImage orientation="top" src={'/images/react.jpg'} />
49+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
4950
<CCardBody>
5051
<CCardTitle>Card title</CCardTitle>
5152
<CCardText>
@@ -60,7 +61,7 @@ export const CardGridExample = () => {
6061
</CCol>
6162
<CCol xs>
6263
<CCard>
63-
<CCardImage orientation="top" src={'/images/react.jpg'} />
64+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
6465
<CCardBody>
6566
<CCardTitle>Card title</CCardTitle>
6667
<CCardText>

‎packages/docs/content/components/card/examples/CardGroups2Example.tsx

Copy file name to clipboardExpand all lines: packages/docs/content/components/card/examples/CardGroups2Example.tsx
+4-3Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import {
34
CCard,
45
CCardBody,
@@ -13,7 +14,7 @@ export const CardGroups2Example = () => {
1314
return (
1415
<CCardGroup>
1516
<CCard>
16-
<CCardImage orientation="top" src={'/images/react.jpg'} />
17+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
1718
<CCardBody>
1819
<CCardTitle>Card title</CCardTitle>
1920
<CCardText>
@@ -26,7 +27,7 @@ export const CardGroups2Example = () => {
2627
</CCardFooter>
2728
</CCard>
2829
<CCard>
29-
<CCardImage orientation="top" src={'/images/react.jpg'} />
30+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
3031
<CCardBody>
3132
<CCardTitle>Card title</CCardTitle>
3233
<CCardText>
@@ -38,7 +39,7 @@ export const CardGroups2Example = () => {
3839
</CCardFooter>
3940
</CCard>
4041
<CCard>
41-
<CCardImage orientation="top" src={'/images/react.jpg'} />
42+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
4243
<CCardBody>
4344
<CCardTitle>Card title</CCardTitle>
4445
<CCardText>

‎packages/docs/content/components/card/examples/CardGroupsExample.tsx

Copy file name to clipboardExpand all lines: packages/docs/content/components/card/examples/CardGroupsExample.tsx
+4-3Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import { CCard, CCardBody, CCardGroup, CCardImage, CCardText, CCardTitle } from '@coreui/react'
34

45
export const CardGroupsExample = () => {
56
return (
67
<CCardGroup>
78
<CCard>
8-
<CCardImage orientation="top" src={'/images/react.jpg'} />
9+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
910
<CCardBody>
1011
<CCardTitle>Card title</CCardTitle>
1112
<CCardText>
@@ -18,7 +19,7 @@ export const CardGroupsExample = () => {
1819
</CCardBody>
1920
</CCard>
2021
<CCard>
21-
<CCardImage orientation="top" src={'/images/react.jpg'} />
22+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
2223
<CCardBody>
2324
<CCardTitle>Card title</CCardTitle>
2425
<CCardText>
@@ -30,7 +31,7 @@ export const CardGroupsExample = () => {
3031
</CCardBody>
3132
</CCard>
3233
<CCard>
33-
<CCardImage orientation="top" src={'/images/react.jpg'} />
34+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
3435
<CCardBody>
3536
<CCardTitle>Card title</CCardTitle>
3637
<CCardText>

‎packages/docs/content/components/card/examples/CardImageCapsExample.tsx

Copy file name to clipboardExpand all lines: packages/docs/content/components/card/examples/CardImageCapsExample.tsx
+3-2Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import { CCard, CCardBody, CCardImage, CCardText, CCardTitle } from '@coreui/react'
34

45
export const CardImageCapsExample = () => {
56
return (
67
<>
78
<CCard className="mb-3">
8-
<CCardImage orientation="top" src={'/images/react.jpg'} />
9+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
910
<CCardBody>
1011
<CCardTitle>Card title</CCardTitle>
1112
<CCardText>
@@ -28,7 +29,7 @@ export const CardImageCapsExample = () => {
2829
<small className="text-body-secondary">Last updated 3 mins ago</small>
2930
</CCardText>
3031
</CCardBody>
31-
<CCardImage orientation="bottom" src={'/images/react.jpg'} />
32+
<CCardImage orientation="bottom" src={withPrefix('/images/react.jpg')} />
3233
</CCard>
3334
</>
3435
)

‎packages/docs/content/components/card/examples/CardImageHorizontalExample.tsx

Copy file name to clipboardExpand all lines: packages/docs/content/components/card/examples/CardImageHorizontalExample.tsx
+2-1Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,13 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import { CCard, CCardBody, CCardImage, CCardText, CCardTitle, CCol, CRow } from '@coreui/react'
34

45
export const CardImageHorizontalExample = () => {
56
return (
67
<CCard className="mb-3" style={{ maxWidth: '540px' }}>
78
<CRow className="g-0">
89
<CCol md={4}>
9-
<CCardImage src={'/images/react400.jpg'} />
10+
<CCardImage src={withPrefix('/images/react400.jpg')} />
1011
</CCol>
1112
<CCol md={8}>
1213
<CCardBody>

‎packages/docs/content/components/card/examples/CardImageOverlaysExample.tsx

Copy file name to clipboardExpand all lines: packages/docs/content/components/card/examples/CardImageOverlaysExample.tsx
+2-1Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import { CCard, CCardImage, CCardImageOverlay, CCardText, CCardTitle } from '@coreui/react'
34

45
export const CardImageOverlaysExample = () => {
56
return (
67
<CCard className="mb-3 bg-dark text-white">
7-
<CCardImage src={'/images/react.jpg'} />
8+
<CCardImage src={withPrefix('/images/react.jpg')} />
89
<CCardImageOverlay className="d-flex flex-column align-items-center justify-content-center">
910
<CCardTitle>Card title</CCardTitle>
1011
<CCardText>

‎packages/docs/content/components/card/examples/CardImagesExample.tsx

Copy file name to clipboardExpand all lines: packages/docs/content/components/card/examples/CardImagesExample.tsx
+2-1Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import { CCard, CCardBody, CCardImage, CCardText } from '@coreui/react'
34

45
export const CardImagesExample = () => {
56
return (
67
<CCard style={{ width: '18rem' }}>
7-
<CCardImage orientation="top" src={'/images/react.jpg'} />
8+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
89
<CCardBody>
910
<CCardText>
1011
Some quick example text to build on the card title and make up the bulk of the card's

‎packages/docs/content/components/card/examples/CardKitchenSinkExample.tsx

Copy file name to clipboardExpand all lines: packages/docs/content/components/card/examples/CardKitchenSinkExample.tsx
+2-1Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import {
34
CCard,
45
CCardBody,
@@ -13,7 +14,7 @@ import {
1314
export const CardKitchenSinkExample = () => {
1415
return (
1516
<CCard style={{ width: '18rem' }}>
16-
<CCardImage orientation="top" src={'/images/react.jpg'} />
17+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
1718
<CCardBody>
1819
<CCardTitle>Card title</CCardTitle>
1920
<CCardText>

‎packages/docs/content/components/carousel/examples/CarouselCrossfadeExample.tsx

Copy file name to clipboardExpand all lines: packages/docs/content/components/carousel/examples/CarouselCrossfadeExample.tsx
+4-3Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,18 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import { CCarousel, CCarouselItem, CImage } from '@coreui/react'
34

45
export const CarouselCrossfadeExample = () => {
56
return (
67
<CCarousel controls transition="crossfade">
78
<CCarouselItem>
8-
<CImage className="d-block w-100" src={'/images/react.jpg'} alt="slide 1" />
9+
<CImage className="d-block w-100" src={withPrefix('/images/react.jpg')} alt="slide 1" />
910
</CCarouselItem>
1011
<CCarouselItem>
11-
<CImage className="d-block w-100" src={'/images/vue.jpg'} alt="slide 2" />
12+
<CImage className="d-block w-100" src={withPrefix('/images/vue.jpg')} alt="slide 2" />
1213
</CCarouselItem>
1314
<CCarouselItem>
14-
<CImage className="d-block w-100" src={'/images/angular.jpg'} alt="slide 3" />
15+
<CImage className="d-block w-100" src={withPrefix('/images/angular.jpg')} alt="slide 3" />
1516
</CCarouselItem>
1617
</CCarousel>
1718
)

‎packages/docs/content/components/carousel/examples/CarouselDarkVariantExample.tsx

Copy file name to clipboardExpand all lines: packages/docs/content/components/carousel/examples/CarouselDarkVariantExample.tsx
+4-3Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,26 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import { CCarousel, CCarouselCaption, CCarouselItem, CImage } from '@coreui/react'
34

45
export const CarouselDarkVariantExample = () => {
56
return (
67
<CCarousel controls indicators dark>
78
<CCarouselItem>
8-
<CImage className="d-block w-100" src={'/images/react.jpg'} alt="slide 1" />
9+
<CImage className="d-block w-100" src={withPrefix('/images/react.jpg')} alt="slide 1" />
910
<CCarouselCaption className="d-none d-md-block">
1011
<h5>First slide label</h5>
1112
<p>Some representative placeholder content for the first slide.</p>
1213
</CCarouselCaption>
1314
</CCarouselItem>
1415
<CCarouselItem>
15-
<CImage className="d-block w-100" src={'/images/vue.jpg'} alt="slide 2" />
16+
<CImage className="d-block w-100" src={withPrefix('/images/vue.jpg')} alt="slide 2" />
1617
<CCarouselCaption className="d-none d-md-block">
1718
<h5>Second slide label</h5>
1819
<p>Some representative placeholder content for the first slide.</p>
1920
</CCarouselCaption>
2021
</CCarouselItem>
2122
<CCarouselItem>
22-
<CImage className="d-block w-100" src={'/images/angular.jpg'} alt="slide 3" />
23+
<CImage className="d-block w-100" src={withPrefix('/images/angular.jpg')} alt="slide 3" />
2324
<CCarouselCaption className="d-none d-md-block">
2425
<h5>Third slide label</h5>
2526
<p>Some representative placeholder content for the first slide.</p>

0 commit comments

Comments
0 (0)
Morty Proxy This is a proxified and sanitized view of the page, visit original site.