Skip to content

Commit

Permalink
docs: update links to documentation
Browse files Browse the repository at this point in the history
  • Loading branch information
@mrholek
mrholek committed Nov 25, 2022
1 parent c7e0ce8 commit 6e3a915
Show file tree
Hide file tree
Showing 4 changed files with 34 additions and 34 deletions.
6 changes: 3 additions & 3 deletions src/views/base/Accordion.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
<p class="text-medium-emphasis small">
Click the accordions below to expand/collapse the accordion content.
</p>
<DocsExample href="components/accordion">
<DocsExample href="components/accordion.html">
<CAccordion>
<CAccordionItem :item-key="1">
<CAccordionHeader> Accordion Item #1 </CAccordionHeader>
Expand Down Expand Up @@ -68,7 +68,7 @@
corners to render accordions edge-to-edge with their parent
container.
</p>
<DocsExample href="components/accordion#flush">
<DocsExample href="components/accordion.html#flush">
<CAccordion flush>
<CAccordionItem>
<CAccordionHeader> Accordion Item #1 </CAccordionHeader>
Expand Down Expand Up @@ -125,7 +125,7 @@
Add <code>always-open</code> property to make accordion items stay
open when another item is opened.
</p>
<DocsExample href="components/accordion#always-open">
<DocsExample href="components/accordion.html#always-open">
<CAccordion :active-item-key="2" always-open>
<CAccordionItem :item-key="1">
<CAccordionHeader> Accordion Item #1 </CAccordionHeader>
Expand Down
2 changes: 1 addition & 1 deletion src/views/base/Breadcrumbs.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@
</a>
.
</p>
<DocsExample href="components/breadcrumb">
<DocsExample href="components/breadcrumb.html">
<CBreadcrumb>
<CBreadcrumbItem>
<CLink href="#">Home</CLink>
Expand Down
48 changes: 24 additions & 24 deletions src/views/base/Cards.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@
width. Cards have no fixed width to start, so they&#39;ll naturally
fill the full width of its parent element.
</p>
<DocsExample href="components/card">
<DocsExample href="components/card.html">
<CCard style="width: 18rem">
<CCardImage orientation="top" :src="VueImg" />
<CCardBody>
Expand All @@ -47,7 +47,7 @@
The main block of a card is the <code>&lt;CCardBody&gt;</code>. Use
it whenever you need a padded section within a card.
</p>
<DocsExample href="components/card/#body">
<DocsExample href="components/card.html/#body">
<CCard>
<CCardBody>This is some text within a card body.</CCardBody>
</CCard>
Expand Down Expand Up @@ -76,7 +76,7 @@
<code>&lt;CCardBody&gt;</code> item, the card title, and subtitle
are arranged rightly.
</p>
<DocsExample href="components/card/#titles-text-and-links">
<DocsExample href="components/card.html/#titles-text-and-links">
<CCard style="width: 18rem">
<CCardBody>
<CCardTitle>Card title</CCardTitle>
Expand Down Expand Up @@ -105,7 +105,7 @@
within <code>.card-text</code> can additionally be styled with the
regular HTML tags.
</p>
<DocsExample href="components/card/#images">
<DocsExample href="components/card.html/#images">
<CCard style="width: 18rem">
<CCardImage orientation="top" :src="VueImg" />
<CCardBody>
Expand All @@ -128,7 +128,7 @@
<p class="text-medium-emphasis small">
Create lists of content in a card with a flush list group.
</p>
<DocsExample href="components/card/#list-groups">
<DocsExample href="components/card.html/#list-groups">
<CRow>
<CCol :lg="4">
<CCard>
Expand Down Expand Up @@ -175,7 +175,7 @@
throw everything in there. Shown below are image styles, blocks,
text styles, and a list group—all wrapped in a fixed-width card.
</p>
<DocsExample href="components/card/#kitchen-sink">
<DocsExample href="components/card.html/#kitchen-sink">
<CCard style="width: 18rem">
<CCardImage orientation="top" :src="VueImg" />
<CCardBody>
Expand Down Expand Up @@ -208,7 +208,7 @@
<p class="text-medium-emphasis small">
Add an optional header and/or footer within a card.
</p>
<DocsExample href="components/card/#header-and-footer">
<DocsExample href="components/card.html/#header-and-footer">
<CCard>
<CCardHeader>Header</CCardHeader>
<CCardBody>
Expand All @@ -225,7 +225,7 @@
Card headers can be styled by adding ex.
<code>component=&#34;h5&#34;</code>.
</p>
<DocsExample href="components/card/#header-and-footer">
<DocsExample href="components/card.html/#header-and-footer">
<CCard>
<CCardHeader component="h5">Header</CCardHeader>
<CCardBody>
Expand All @@ -238,7 +238,7 @@
</CCardBody>
</CCard>
</DocsExample>
<DocsExample href="components/card/#header-and-footer">
<DocsExample href="components/card.html/#header-and-footer">
<CCard>
<CCardHeader>Quote</CCardHeader>
<CCardBody>
Expand All @@ -255,7 +255,7 @@
</CCardBody>
</CCard>
</DocsExample>
<DocsExample href="components/card/#header-and-footer">
<DocsExample href="components/card.html/#header-and-footer">
<CCard class="text-center">
<CCardHeader>Header</CCardHeader>
<CCardBody>
Expand Down Expand Up @@ -286,7 +286,7 @@
<p class="text-medium-emphasis small">
Using the grid, wrap cards in columns and rows as needed.
</p>
<DocsExample href="components/card/#sizing">
<DocsExample href="components/card.html/#sizing">
<CRow>
<CCol :sm="6">
<CCard>
Expand Down Expand Up @@ -322,7 +322,7 @@
>
to rapidly set a card&#39;s width.
</p>
<DocsExample href="components/card/#sizing">
<DocsExample href="components/card.html/#sizing">
<CCard class="w-75">
<CCardBody>
<CCardTitle>Card title</CCardTitle>
Expand All @@ -349,7 +349,7 @@
Use custom CSS in your stylesheets or as inline styles to set a
width.
</p>
<DocsExample href="components/card/#sizing">
<DocsExample href="components/card.html/#sizing">
<CCard style="width: 18rem">
<CCardBody>
<CCardTitle>Special title treatment</CCardTitle>
Expand Down Expand Up @@ -378,7 +378,7 @@
>
.
</p>
<DocsExample href="components/card/#text-alignment">
<DocsExample href="components/card.html/#text-alignment">
<CCard style="width: 18rem">
<CCardBody>
<CCardTitle>Special title treatment</CCardTitle>
Expand Down Expand Up @@ -423,7 +423,7 @@
Add some navigation to a <code>&lt;CCardHeader&gt;</code> with our
<code>&lt;CNav&gt;</code> component.
</p>
<DocsExample href="components/card/##navigation">
<DocsExample href="components/card.html/##navigation">
<CCard class="text-center">
<CCardHeader>
<CNav variant="tabs" class="card-header-tabs">
Expand All @@ -448,7 +448,7 @@
</CCardBody>
</CCard>
</DocsExample>
<DocsExample href="components/card/##navigation">
<DocsExample href="components/card.html/##navigation">
<CCard class="text-center">
<CCardHeader>
<CNav variant="pills" class="card-header-pills">
Expand Down Expand Up @@ -486,7 +486,7 @@
Similar to headers and footers, cards can include top and bottom
&#34;image caps&#34;—images at the top or bottom of a card.
</p>
<DocsExample href="components/card/#image-caps">
<DocsExample href="components/card.html/#image-caps">
<CRow>
<CCol :lg="6">
<CCard class="mb-3">
Expand Down Expand Up @@ -543,7 +543,7 @@
<p class="text-medium-emphasis small">
Use <code>color</code> property to change the appearance of a card.
</p>
<DocsExample href="components/card/#background-and-color">
<DocsExample href="components/card.html/#background-and-color">
<CRow>
<template
v-for="item in [
Expand Down Expand Up @@ -594,7 +594,7 @@
<code>&lt;CCard&gt;</code> or a subset of the card&#39;s contents as
shown below.
</p>
<DocsExample href="components/card/#border">
<DocsExample href="components/card.html/#border">
<template
v-for="item in [
{ color: 'primary', textColor: 'primary' },
Expand Down Expand Up @@ -636,7 +636,7 @@
<code>&lt;CCard&gt;</code> or a subset of the card&#39;s contents as
shown below.
</p>
<DocsExample href="components/card/#top-border">
<DocsExample href="components/card.html/#top-border">
<template
v-for="item in [
{ color: 'primary', textColor: 'primary' },
Expand Down Expand Up @@ -682,7 +682,7 @@
use <code>display: flex;</code> to become attached with uniform
dimensions starting at the <code>sm</code> breakpoint.
</p>
<DocsExample href="components/card/#card-groups">
<DocsExample href="components/card.html/#card-groups">
<CCardGroup>
<CCard>
<CCardImage orientation="top" :src="VueImg" />
Expand Down Expand Up @@ -737,7 +737,7 @@
When using card groups with footers, their content will
automatically line up.
</p>
<DocsExample href="components/card/#card-groups">
<DocsExample href="components/card.html/#card-groups">
<CCardGroup>
<CCard>
<CCardImage orientation="top" :src="VueImg" />
Expand Down Expand Up @@ -807,7 +807,7 @@
cards to equal width across multiple rows, from the medium
breakpoint up.
</p>
<DocsExample href="components/card/#grid-cards">
<DocsExample href="components/card.html/#grid-cards">
<CRow :xs="{ cols: 1, gutter: 4 }" :md="{ cols: 2 }">
<CCol xs>
<CCard>
Expand Down Expand Up @@ -887,7 +887,7 @@
Change it to <code>md="&#123; cols: 3&#125;"</code> and you&#39;ll
see the fourth card wrap.
</p>
<DocsExample href="components/card/#grid-cards">
<DocsExample href="components/card.html/#grid-cards">
<CRow :xs="{ cols: 1, gutter: 4 }" :md="{ cols: 3 }">
<CCol xs>
<CCard>
Expand Down
12 changes: 6 additions & 6 deletions src/views/base/Placeholders.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
it with placeholders applied to create a "loading card". Size and
proportions are the same between the two.
</p>
<DocsExample href="components/placeholder">
<DocsExample href="components/placeholder.html">
<div class="d-flex justify-content-around">
<CCard style="width: 18rem">
<CCardImage orientation="top" :src="VueImg" />
Expand Down Expand Up @@ -75,7 +75,7 @@
replace the text inside an element or be added as a modifier class
to an existing component.
</p>
<DocsExample href="components/placeholder">
<DocsExample href="components/placeholder.html">
<p aria-hidden="true">
<CPlaceholder :xs="6" />
</p>
Expand All @@ -99,7 +99,7 @@
You can change the <code>width</code> through grid column classes,
width utilities, or inline styles.
</p>
<DocsExample href="components/placeholder#width">
<DocsExample href="components/placeholder.html#width">
<CPlaceholder :xs="6" />
<CPlaceholder class="w-75" />
<CPlaceholder style="width: 30%" />
Expand All @@ -116,7 +116,7 @@
<code>currentColor</code>. This can be overridden with a custom
color or utility class.
</p>
<DocsExample href="components/placeholder#color">
<DocsExample href="components/placeholder.html#color">
<CPlaceholder :xs="12" />

<CPlaceholder color="primary" :xs="12" />
Expand All @@ -141,7 +141,7 @@
<code>size</code> prop: <code>lg</code>, <code>sm</code>, or
<code>xs</code>.
</p>
<DocsExample href="components/placeholder#color">
<DocsExample href="components/placeholder.html#color">
<CPlaceholder :xs="12" size="lg" />
<CPlaceholder :xs="12" />
<CPlaceholder :xs="12" size="sm" />
Expand All @@ -159,7 +159,7 @@
<code>animation="wave"</code> to better convey the perception of
something being <em>actively</em> loaded.
</p>
<DocsExample href="components/placeholder#animation">
<DocsExample href="components/placeholder.html#animation">
<CPlaceholder component="p" animation="glow">
<CPlaceholder :xs="12" />
</CPlaceholder>
Expand Down

0 comments on commit 6e3a915

Please sign in to comment.