File tree Expand file tree Collapse file tree
docs/framework-integration Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -132,7 +132,7 @@ tags:
132132 import { Card } from " @patternfly/elements/react/pf-v5-card/pf-v5-card.js" ;
133133 import { Switch } from " @patternfly/elements/react/pf-v5-switch/pf-v5-switch.js" ;
134134 import { Popover } from " @patternfly/elements/react/pf-v5-popover/pf-v5-popover.js" ;
135- import { Tooltip } from " @patternfly/elements/react/pf-v5 -tooltip/pf-v5 -tooltip.js" ;
135+ import { Tooltip } from " @patternfly/elements/react/pf-v6 -tooltip/pf-v6 -tooltip.js" ;
136136
137137 import " ./App.css" ;
138138 ```
@@ -208,7 +208,7 @@ tags:
208208 ### Tooltip
209209
210210 Now we have a card, button, and switch component, let's add
211- [` pf- v5 - tooltip` ][pf-v5 -tooltip] web component in our app. We will show the tooltip
211+ [` pf- v6 - tooltip` ][pf-v6 -tooltip] web component in our app. We will show the tooltip
212212 text on mouseover.
213213
214214 ` ` ` js
@@ -356,7 +356,7 @@ tags:
356356[pf-v5-button]: https://patternflyelements.org/components/button/
357357[pf-v5-card]: https://patternflyelements.org/components/card/
358358[pf-v5-switch]: https://patternflyelements.org/components/switch/
359- [pf-v5 -tooltip]: https://patternflyelements.org/components/tooltip/
359+ [pf-v6 -tooltip]: https://patternflyelements.org/components/tooltip/
360360[pf-v5-popover]: https://patternflyelements.org/components/popover/
361361[inng]: https://medium.com/patternfly-elements/using-patternfly-elements-web-components-in-your-angular-app-4b18b1c9c363
362362[invue]: https://patternflyelements.org/framework-integration/vue/
Original file line number Diff line number Diff line change 11<script type =" module " >
22import ' @patternfly/elements/pf-v5-icon/pf-v5-icon.js' ;
33import ' @patternfly/elements/pf-v5-badge/pf-v5-badge.js' ;
4- import ' @patternfly/elements/pf-v5 -tooltip/pf-v5 -tooltip.js' ;
4+ import ' @patternfly/elements/pf-v6 -tooltip/pf-v6 -tooltip.js' ;
55</script >
66
77{% renderOverview %}
@@ -36,12 +36,12 @@ Chips can be removable or read-only. The Overflow chip is a special chip that is
3636#### Max-width
3737
3838{% htmlexample %}
39- <pf-v5 -tooltip id="max"
39+ <pf-v6 -tooltip id="max"
4040 position="top">
4141 <pf-v5-chip onclick="this.parentElement.remove()"
4242 style="max-width:10em;">Really long chip that goes on and on</pf-v5-chip >
4343 <span slot =" content " >Really long chip that goes on and on</span >
44- </pf-v5 -tooltip >
44+ </pf-v6 -tooltip >
4545{% endhtmlexample %}
4646
4747### Chip group
Original file line number Diff line number Diff line change @@ -224,6 +224,6 @@ progress[value]::-webkit-progress-value {
224224 );
225225}
226226
227- pf-v5 -tooltip {
227+ pf-v6 -tooltip {
228228 height : 0.01px ;
229229}
Original file line number Diff line number Diff line change 6161 {% endhtmlexample %}
6262
6363 ### Adding a tooltip
64- To add a tooltip that displays the timestamp content as a UTC time, you can wrap ` pf-v5-timestamp ` with ` pf-v5 -tooltip ` and set the ` utc ` attribute on an additional ` pf-v5-timestamp ` .
64+ To add a tooltip that displays the timestamp content as a UTC time, you can wrap ` pf-v5-timestamp ` with ` pf-v6 -tooltip ` and set the ` utc ` attribute on an additional ` pf-v5-timestamp ` .
6565
6666 {% htmlexample %}
67- <pf-v5 -tooltip >
67+ <pf-v6 -tooltip >
6868 <pf-v5-timestamp></pf-v5-timestamp>
6969 <pf-v5-timestamp slot="content" utc></pf-v5-timestamp>
70- </pf-v5 -tooltip >
70+ </pf-v6 -tooltip >
7171 {% endhtmlexample %}
7272
7373 {% htmlexample %}
74- <pf-v5 -tooltip >
74+ <pf-v6 -tooltip >
7575 <pf-v5-timestamp></pf-v5-timestamp>
7676 <pf-v5-timestamp slot="content" utc display-suffix="Coordinated Universal Time"></pf-v5-timestamp>
77- </pf-v5 -tooltip >
77+ </pf-v6 -tooltip >
7878 {% endhtmlexample %}
7979
8080 ### Relative time
9292 To display relative time, set the ` relative ` attribute on ` pf-v5-timestamp ` .
9393
9494 {% htmlexample %}
95- <pf-v5 -tooltip >
95+ <pf-v6 -tooltip >
9696 <pf-v5-timestamp date="Tue Aug 09 2022 14:57:00 GMT-0400 (Eastern Daylight Time)" relative></pf-v5-timestamp>
9797 <pf-v5-timestamp slot="content" date="Tue Aug 09 2022 14:57:00 GMT-0400 (Eastern Daylight Time)"></pf-v5-timestamp>
98- </pf-v5 -tooltip >
98+ </pf-v6 -tooltip >
9999 {% endhtmlexample %}
100100
101101 {% htmlexample %}
102- <pf-v5 -tooltip >
102+ <pf-v6 -tooltip >
103103 <pf-v5-timestamp date="Aug 09 2024 14:57:00 GMT-0400 (Eastern Daylight Time)" relative></pf-v5-timestamp>
104104 <pf-v5-timestamp slot="content" date="Aug 09 2024 14:57:00 GMT-0400 (Eastern Daylight Time)"></pf-v5-timestamp>
105- </pf-v5 -tooltip >
105+ </pf-v6 -tooltip >
106106 {% endhtmlexample %}
107107
108108 ### Set a locale to something other than the default locale
You can’t perform that action at this time.
0 commit comments