Skip to content

Commit a7ddb1d

Browse files
zeroedinzeroedin
committed
chore(docs): update docs scaffolding for v6 element names
Replace all pf-v5-* element references with pf-v6-* across the docs site, including HTML templates, framework integration guides, developer docs, and code snippets. Closes #3131 Assisted-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent c4b8d7c commit a7ddb1d

26 files changed

Lines changed: 265 additions & 265 deletions

‎docs/_includes/_nav.njk‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -15,24 +15,24 @@
1515
</picture>
1616
</a>
1717
</div>
18-
<pf-v5-dropdown id="docs-versions-dropdown">
19-
<pf-v5-button slot="toggle"
18+
<pf-v6-dropdown id="docs-versions-dropdown">
19+
<pf-v6-button slot="toggle"
2020
variant="control"
2121
icon="caret-down"
22-
icon-set="fas">Versions</pf-v5-button>
23-
<pf-v5-dropdown-menu slot="menu">
22+
icon-set="fas">Versions</pf-v6-button>
23+
<pf-v6-dropdown-menu slot="menu">
2424
{% for version in versions %}
2525
{%- if version.current -%}
2626
{%- set prefix = '' -%}
2727
{%- else -%}
2828
{%- set prefix = '/' + version.slug -%}
2929
{%- endif %}
30-
<pf-v5-dropdown-item href="{{ prefix }}{{ page.url }}" {{ 'disabled' if version.current }}>
30+
<pf-v6-dropdown-item href="{{ prefix }}{{ page.url }}" {{ 'disabled' if version.current }}>
3131
{{ version.label }}
32-
</pf-v5-dropdown-item>
32+
</pf-v6-dropdown-item>
3333
{% endfor %}
34-
</pf-v5-dropdown-menu>
35-
</pf-v5-dropdown>
34+
</pf-v6-dropdown-menu>
35+
</pf-v6-dropdown>
3636
</div>
3737
</div>
3838

‎docs/_includes/layout-blog-index.njk‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ layout: layout-base.njk
99

1010
<div class="posts">
1111
{% for post in collections.blog | reverse %}
12-
<pf-v5-card>
12+
<pf-v6-card>
1313
<h2 slot="header">{{ post.data.title }}</h2>
1414
{% if post.data.tagline %}
1515
<p class="tagline"><a href="{{ post.data.page.url }}">{{ post.data.tagline }}</a></p>{% endif %}
@@ -18,7 +18,7 @@ layout: layout-base.njk
1818
{% endif %}
1919
<a slot="footer" class="cta" href="{{ post.data.page.url }}">Read Post</a>
2020
<time slot="footer" datetime="{{ post.data.page.date }}">{{ post.data.page.date | prettyDate }}</time>
21-
</pf-v5-card>
21+
</pf-v6-card>
2222
{% endfor %}
2323
</div>
2424
</main>
@@ -34,7 +34,7 @@ layout: layout-base.njk
3434
gap: 2rem;
3535
}
3636
37-
pf-v5-card::part(footer) {
37+
pf-v6-card::part(footer) {
3838
justify-content: space-between;
3939
align-items: center;
4040
}

‎docs/_includes/layout-blog.njk‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -28,13 +28,13 @@ layout: layout-base.njk
2828
{{ content | safe }}
2929
</section>
3030

31-
<pf-v5-back-to-top id="back-to-top-link">Back to Top</pf-v5-back-to-top>
31+
<pf-v6-back-to-top id="back-to-top-link">Back to Top</pf-v6-back-to-top>
3232
</main>
3333

3434
{% include '_foot.njk' %}
3535

3636
<script type="module">
37-
import '@patternfly/elements/pf-v5-back-to-top/pf-v5-back-to-top.js';
37+
import '@patternfly/elements/pf-v6-back-to-top/pf-v6-back-to-top.js';
3838
const allTocLinks = document.querySelectorAll('nav.toc [href^="#"]')
3939
4040
const activeLinks = document.querySelectorAll('nav.toc li.active');

‎docs/_snippets/accordion-html.md‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,21 @@
11
```html
22

33
<script type="module">
4-
import '@patternfly/elements/pf-v5-accordion/pf-v5-accordion.js';
4+
import '@patternfly/elements/pf-v6-accordion/pf-v6-accordion.js';
55
</script>
66

7-
<pf-v5-accordion>
8-
<pf-v5-accordion-header expanded>
7+
<pf-v6-accordion>
8+
<pf-v6-accordion-header expanded>
99
<h3>Getting Started</h3>
10-
</pf-v5-accordion-header>
11-
<pf-v5-accordion-panel>
10+
</pf-v6-accordion-header>
11+
<pf-v6-accordion-panel>
1212
<p>Read our <a href="/get-started/">Getting started</a> page to learn how to install and use PatternFly Elements.</p>
13-
</pf-v5-accordion-panel>
14-
<pf-v5-accordion-header>
13+
</pf-v6-accordion-panel>
14+
<pf-v6-accordion-header>
1515
<h3>HTML APIs</h3>
16-
</pf-v5-accordion-header>
17-
<pf-v5-accordion-panel>
16+
</pf-v6-accordion-header>
17+
<pf-v6-accordion-panel>
1818
<p>For more information on how to use each PatternFly element, read the <a href="/components/">component docs</a>.</p>
19-
</pf-v5-accordion-panel>
20-
</pf-v5-accordion>
19+
</pf-v6-accordion-panel>
20+
</pf-v6-accordion>
2121
```

‎docs/_snippets/accordion-jsx.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import {
33
Accordion,
44
AccordionPanel,
55
AccordionHeader,
6-
} from "@patternfly/elements/react/pf-v5-accordion/pf-v5-accordion.js";
6+
} from "@patternfly/elements/react/pf-v6-accordion/pf-v6-accordion.js";
77

88
export default function App() {
99
const data = [

‎docs/_snippets/accordion-ng.md‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,22 @@
11
{%raw%}
22
```ts
3-
import "@patternfly/elements/pf-v5-accordion/pf-v5-accordion.js";
3+
import "@patternfly/elements/pf-v6-accordion/pf-v6-accordion.js";
44

55
import { Component } from "@angular/core";
66

77
@Component({
88
selector: "app-root",
99
template: `
10-
<pf-v5-accordion>
10+
<pf-v6-accordion>
1111
<ng-template ngFor let-item [ngForOf]="data">
12-
<pf-v5-accordion-header>
12+
<pf-v6-accordion-header>
1313
<h3>{{ item.header }}</h3>
14-
</pf-v5-accordion-header>
15-
<pf-v5-accordion-panel>
14+
</pf-v6-accordion-header>
15+
<pf-v6-accordion-panel>
1616
<p>{{ item.panel }}</p>
17-
</pf-v5-accordion-panel>
17+
</pf-v6-accordion-panel>
1818
</ng-template>
19-
</pf-v5-accordion>
19+
</pf-v6-accordion>
2020
`,
2121
})
2222
export class AppComponent {

‎docs/_snippets/accordion-svelte.md‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
11
{%raw%}
22
```html
3-
<pf-v5-accordion>
3+
<pf-v6-accordion>
44
{#each data as item}
5-
<pf-v5-accordion-header>
5+
<pf-v6-accordion-header>
66
<h3>{item.header}</h3>
7-
</pf-v5-accordion-header>
8-
<pf-v5-accordion-panel>
7+
</pf-v6-accordion-header>
8+
<pf-v6-accordion-panel>
99
<p>{item.panel}</p>
10-
</pf-v5-accordion-panel>
10+
</pf-v6-accordion-panel>
1111
{/each}
12-
</pf-v5-accordion>
12+
</pf-v6-accordion>
1313

1414
<script>
15-
import "@patternfly/elements/pf-v5-accordion/pf-v5-accordion.js";
15+
import "@patternfly/elements/pf-v6-accordion/pf-v6-accordion.js";
1616
let data = [
1717
{ header: 'Heading 1', panel: 'Here is some content' },
1818
{ header: 'Heading 2', panel: 'Here is some more content' },

‎docs/_snippets/accordion-vue.md‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,21 @@
11
{%raw%}
22
```html
33
<template>
4-
<pf-v5-accordion>
4+
<pf-v6-accordion>
55
<template v-for="{ header, panel } in data">
6-
<pf-v5-accordion-header>
6+
<pf-v6-accordion-header>
77
<h3>{{ header }}</h3>
8-
</pf-v5-accordion-header>
9-
<pf-v5-accordion-panel>
8+
</pf-v6-accordion-header>
9+
<pf-v6-accordion-panel>
1010
<p>{{ panel }}</p>
11-
</pf-v5-accordion-panel>
11+
</pf-v6-accordion-panel>
1212
</template>
13-
</pf-v5-accordion>
13+
</pf-v6-accordion>
1414
</template>
1515
{%endraw%}
1616

1717
<script>
18-
import "@patternfly/elements/pf-v5-accordion/pf-v5-accordion.js";
18+
import "@patternfly/elements/pf-v6-accordion/pf-v6-accordion.js";
1919
export default {
2020
name: 'App',
2121
data() {

‎docs/_snippets/card-html.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
```html
2-
<script type="module" src="https://esm.sh/@patternfly/elements/pf-v5-card/pf-v5-card.js"></script>
2+
<script type="module" src="https://esm.sh/@patternfly/elements/pf-v6-card/pf-v6-card.js"></script>
33

4-
<pf-v5-card border>
4+
<pf-v6-card border>
55
<h2 slot="header">Card component</h2>
66
<p>PatternFly Elements are custom HTML elements that work everywhere.
77
The Card element has <code>header</code> and <code>footer</code> slots for things like
88
titles and actions.
99
</p>
10-
<a class="cta" slot="footer" href="components/card">More about <code>pf-v5-card</code></a>
11-
</pf-v5-card>
10+
<a class="cta" slot="footer" href="components/card">More about <code>pf-v6-card</code></a>
11+
</pf-v6-card>
1212
```

‎docs/_snippets/pf-bar-html.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
PatternFly.org
44
</a>
55
<a href="https://github.com/patternfly/patternfly-elements" class="cta">
6-
<pf-v5-icon size="md" icon="github" set="fab" aria-hidden="true"></pf-v5-icon>
6+
<pf-v6-icon size="md" icon="github" set="fab" aria-hidden="true"></pf-v6-icon>
77
Contribute on Github
88
</a>
99
</div>

0 commit comments

Comments
 (0)