3636 < script type ="module ">
3737 import 'construct-style-sheets-polyfill' ;
3838 import 'element-internals-polyfill' ;
39- import '@patternfly/elements/pf-button/pf-button.js' ;
40- import '@patternfly/elements/pf-card/pf-card.js' ;
39+ import '@patternfly/elements/pf-v5- button/pf-v5 -button.js' ;
40+ import '@patternfly/elements/pf-v5- card/pf-v5 -card.js' ;
4141 import '@patternfly/pfe-tools/dev-server/demo.js' ;
4242 </ script >
4343</ head >
4444
4545< body class ="menu-open ">
4646 < header id ="main-header ">
4747 < div class ="logo-bar ">
48- < pf-button id ="hamburger "
48+ < pf-v5- button id ="hamburger "
4949 plain
5050 aria-controls ="sidebar "
5151 label ="Expand Main Navigation ">
52- < pf-icon icon ="bars " size ="lg "> </ pf-icon >
53- </ pf-button >
52+ < pf-v5- icon icon ="bars " size ="lg "> </ pf-v5 -icon >
53+ </ pf-v5- button >
5454 < a href ="/ " aria-label ="{{ title }} Home ">
5555 < img src ="{{ options.site.logoUrl }} " alt ="{{ title }} ">
5656 </ a >
123123 < section id ="components ">
124124 {% for primary, group in groupeddemos %}
125125 {% set first = group['0'] %}
126- < pf-card rounded compact >
126+ < pf-v5- card rounded compact >
127127 < h2 slot ="header "> {{ first.title }}</ h2 >
128128 < a href ="{{ first.permalink | replace(demoURLPrefix, '/') }} ">
129129 < img src ="/elements/{{ primary }}/docs/screenshot.png " alt ="{{ primary }} ">
@@ -133,7 +133,7 @@ <h2 slot="header">{{ first.title }}</h2>
133133 < a href ="{{ d.permalink | replace(demoURLPrefix, '/') }} "> {{ d.title }}</ a >
134134 </ li > {% endif %}{% endfor %}
135135 </ ul >
136- </ pf-card > {% endfor %}
136+ </ pf-v5- card > {% endfor %}
137137 </ section >
138138 {% endif %}
139139 </ main >
0 commit comments