@@ -27,65 +27,65 @@ pageData.examples = {
2727
2828const Component = ( ) => (
2929 < React . Fragment >
30- < p { ...{ "className" :"undefinedpf -v6-c-content--p ws-p " } } >
30+ < p { ...{ "className" :"pf -v6-c-content--p ws-p " } } >
3131 { `Note: User feedback lives in its own package at ` }
32- < PatternflyThemeLink { ...{ "to" :"https://github.com/patternfly/react-user-feedback" } } >
32+ < PatternflyThemeLink { ...{ "to" :"https://github.com/patternfly/react-user-feedback" , "className" : "" } } >
3333 { `@patternfly/react-user-feedback` }
3434 </ PatternflyThemeLink >
3535 { `.` }
3636 </ p >
37- < p { ...{ "className" :"undefinedpf -v6-c-content--p ws-p " } } >
38- < strong >
37+ < p { ...{ "className" :"pf -v6-c-content--p ws-p " } } >
38+ < strong { ... { "className" : "" } } >
3939 { `User feedback` }
4040 </ strong >
4141 { ` is a modal component that products can use to collect asynchronous feedback from users.` }
4242 </ p >
4343 < AutoLinkHeader { ...{ "id" :"elements" , "size" :"h2" , "className" :"ws-title ws-h2" } } >
4444 { `Elements` }
4545 </ AutoLinkHeader >
46- < p { ...{ "className" :"undefinedpf -v6-c-content--p ws-p " } } >
46+ < p { ...{ "className" :"pf -v6-c-content--p ws-p " } } >
4747 < img src = { srcImport0 } width = { srcImport0 . width } height = { srcImport0 . height } { ...{ "alt" :"Image of advanced feedback modal with annotations" , "className" :"ws-img " } } >
4848 </ img >
4949 </ p >
50- < ol { ...{ "className" :"undefinedpf -v6-c-content--ol ws-ol " } } >
51- < li { ...{ "className" :"undefinedpf -v6-c-content--li ws-li " } } >
52- < strong >
50+ < ol { ...{ "className" :"pf -v6-c-content--ol ws-ol " } } >
51+ < li { ...{ "className" :"pf -v6-c-content--li ws-li " } } >
52+ < strong { ... { "className" : "" } } >
5353 { `Title:` }
5454 </ strong >
5555 { ` Communicates the title of the modal.` }
5656 </ li >
57- < li { ...{ "className" :"undefinedpf -v6-c-content--li ws-li " } } >
58- < strong >
57+ < li { ...{ "className" :"pf -v6-c-content--li ws-li " } } >
58+ < strong { ... { "className" : "" } } >
5959 { `Description text:` }
6060 </ strong >
6161 { ` Provides a short description of the form's purpose.` }
6262 </ li >
63- < li { ...{ "className" :"undefinedpf -v6-c-content--li ws-li " } } >
64- < strong >
63+ < li { ...{ "className" :"pf -v6-c-content--li ws-li " } } >
64+ < strong { ... { "className" : "" } } >
6565 { `Image:` }
6666 </ strong >
6767 { ` Contributes to the modal's visual design.` }
6868 </ li >
69- < li { ...{ "className" :"undefinedpf -v6-c-content--li ws-li " } } >
70- < strong >
69+ < li { ...{ "className" :"pf -v6-c-content--li ws-li " } } >
70+ < strong { ... { "className" : "" } } >
7171 { `Selectable item:` }
7272 </ strong >
7373 { ` Provides one or more ways that users can leave feedback.` }
7474 </ li >
7575 </ ol >
76- < p { ...{ "className" :"undefinedpf -v6-c-content--p ws-p " } } >
76+ < p { ...{ "className" :"pf -v6-c-content--p ws-p " } } >
7777 { `Each of these elements can be customized to fit a product's needs.` }
7878 </ p >
7979 < AutoLinkHeader { ...{ "id" :"behavior" , "size" :"h2" , "className" :"ws-title ws-h2" } } >
8080 { `Behavior` }
8181 </ AutoLinkHeader >
82- < p { ...{ "className" :"undefinedpf -v6-c-content--p ws-p " } } >
82+ < p { ...{ "className" :"pf -v6-c-content--p ws-p " } } >
8383 { `The user feedback modal may be accessed in your product's help menu.` }
8484 </ p >
85- < p { ...{ "className" :"undefinedpf -v6-c-content--p ws-p " } } >
85+ < p { ...{ "className" :"pf -v6-c-content--p ws-p " } } >
8686 { `For example, you can allow users to access the modal by selecting a masthead’s help icon and choosing “Share feedback” in the dropdown menu:` }
8787 </ p >
88- < p { ...{ "className" :"undefinedpf -v6-c-content--p ws-p " } } >
88+ < p { ...{ "className" :"pf -v6-c-content--p ws-p " } } >
8989 < img src = { srcImport1 } width = { srcImport1 . width } height = { srcImport1 . height } { ...{ "alt" :"Image of expanded dropdown menu with link to sharing feedback" , "className" :"ws-img " } } >
9090 </ img >
9191 </ p >
@@ -95,45 +95,45 @@ const Component = () => (
9595 < AutoLinkHeader { ...{ "id" :"modal-items-open-forms-within-the-modal" , "size" :"h3" , "className" :"ws-title ws-h3" } } >
9696 { `Modal items open forms within the modal` }
9797 </ AutoLinkHeader >
98- < p { ...{ "className" :"undefinedpf -v6-c-content--p ws-p " } } >
98+ < p { ...{ "className" :"pf -v6-c-content--p ws-p " } } >
9999 { `Selecting an item opens a form within the modal, which can submit data over the network.` }
100100 </ p >
101- < p { ...{ "className" :"undefinedpf -v6-c-content--p ws-p " } } >
101+ < p { ...{ "className" :"pf -v6-c-content--p ws-p " } } >
102102 { `Integrated forms can collect different kinds of feedback:` }
103103 </ p >
104- < ul { ...{ "className" :"undefinedpf -v6-c-content--ul ws-ul " } } >
105- < li { ...{ "className" :"undefinedpf -v6-c-content--li ws-li " } } >
106- < p { ...{ "className" :"undefinedpf -v6-c-content--p ws-p " } } >
104+ < ul { ...{ "className" :"pf -v6-c-content--ul ws-ul " } } >
105+ < li { ...{ "className" :"pf -v6-c-content--li ws-li " } } >
106+ < p { ...{ "className" :"pf -v6-c-content--p ws-p " } } >
107107 { `General feedback form` }
108108 </ p >
109- < p { ...{ "className" :"undefinedpf -v6-c-content--p ws-p " } } >
109+ < p { ...{ "className" :"pf -v6-c-content--p ws-p " } } >
110110 { `The general feedback form allows users to enter feedback into a text box and submit.` }
111111 </ p >
112- < p { ...{ "className" :"undefinedpf -v6-c-content--p ws-p " } } >
112+ < p { ...{ "className" :"pf -v6-c-content--p ws-p " } } >
113113 < img src = { srcImport2 } width = { srcImport2 . width } height = { srcImport2 . height } { ...{ "alt" :"Image of a form within a modal to share feedback" , "className" :"ws-img " } } >
114114 </ img >
115115 </ p >
116116 </ li >
117- < li { ...{ "className" :"undefinedpf -v6-c-content--li ws-li " } } >
118- < p { ...{ "className" :"undefinedpf -v6-c-content--p ws-p " } } >
117+ < li { ...{ "className" :"pf -v6-c-content--li ws-li " } } >
118+ < p { ...{ "className" :"pf -v6-c-content--p ws-p " } } >
119119 { `Bug report form` }
120120 </ p >
121- < p { ...{ "className" :"undefinedpf -v6-c-content--p ws-p " } } >
121+ < p { ...{ "className" :"pf -v6-c-content--p ws-p " } } >
122122 { `The bug report form allows users to enter feedback into a text box and submit. Its description directs users to a URL where they can submit a support ticket for critical issues.` }
123123 </ p >
124- < p { ...{ "className" :"undefinedpf -v6-c-content--p ws-p " } } >
124+ < p { ...{ "className" :"pf -v6-c-content--p ws-p " } } >
125125 < img src = { srcImport3 } width = { srcImport3 . width } height = { srcImport3 . height } { ...{ "alt" :"Image of a form within a modal to report bugs" , "className" :"ws-img " } } >
126126 </ img >
127127 </ p >
128128 </ li >
129- < li { ...{ "className" :"undefinedpf -v6-c-content--li ws-li " } } >
130- < p { ...{ "className" :"undefinedpf -v6-c-content--p ws-p " } } >
129+ < li { ...{ "className" :"pf -v6-c-content--li ws-li " } } >
130+ < p { ...{ "className" :"pf -v6-c-content--p ws-p " } } >
131131 { `User research opt-in form` }
132132 </ p >
133- < p { ...{ "className" :"undefinedpf -v6-c-content--p ws-p " } } >
133+ < p { ...{ "className" :"pf -v6-c-content--p ws-p " } } >
134134 { `The user research opt-in form allows users to enter their email address to participate in future research efforts.` }
135135 </ p >
136- < p { ...{ "className" :"undefinedpf -v6-c-content--p ws-p " } } >
136+ < p { ...{ "className" :"pf -v6-c-content--p ws-p " } } >
137137 < img src = { srcImport4 } width = { srcImport4 . width } height = { srcImport4 . height } { ...{ "alt" :"Image of a form within a modal to sign up for research opportunities" , "className" :"ws-img " } } >
138138 </ img >
139139 </ p >
@@ -142,10 +142,10 @@ const Component = () => (
142142 < AutoLinkHeader { ...{ "id" :"modal-items-link-to-external-urls" , "size" :"h3" , "className" :"ws-title ws-h3" } } >
143143 { `Modal items link to external URLs` }
144144 </ AutoLinkHeader >
145- < p { ...{ "className" :"undefinedpf -v6-c-content--p ws-p " } } >
145+ < p { ...{ "className" :"pf -v6-c-content--p ws-p " } } >
146146 { `Selecting an item redirects users to an external URL (like a qualtrics form) that opens in a separate tab.` }
147147 </ p >
148- < p { ...{ "className" :"undefinedpf -v6-c-content--p ws-p " } } >
148+ < p { ...{ "className" :"pf -v6-c-content--p ws-p " } } >
149149 < img src = { srcImport5 } width = { srcImport5 . width } height = { srcImport5 . height } { ...{ "alt" :"Image of modal with links to external forms" , "className" :"ws-img " } } >
150150 </ img >
151151 </ p >
0 commit comments