You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: components/textfield/stories/textfield.stories.js
+6-7Lines changed: 6 additions & 7 deletions
Original file line number
Diff line number
Diff line change
@@ -1,7 +1,6 @@
1
1
// Import the component markup template
2
2
import{Template}from"./template";
3
3
import{html}from"lit";
4
-
importisChromaticfrom"chromatic/isChromatic";
5
4
6
5
exportdefault{
7
6
title: "Components/Text field",
@@ -206,20 +205,20 @@ const TextFieldGroup = ({
206
205
${Template({
207
206
...args
208
207
})}
209
-
${isChromatic() ?
208
+
${window.isChromatic() ?
210
209
Template({
211
210
displayLabel: true,
212
211
labelText: "Username",
213
212
})
214
213
: null}
215
-
${isChromatic() ?
214
+
${window.isChromatic() ?
216
215
Template({
217
216
displayLabel: true,
218
217
labelText: "Username that is really long and wraps onto a second line",
219
218
isInvalid: true,
220
219
})
221
220
: null}
222
-
${isChromatic() ?
221
+
${window.isChromatic() ?
223
222
Template({
224
223
displayLabel: true,
225
224
labelText: "Username",
@@ -242,15 +241,15 @@ const TextAreaGroup = ({
242
241
multiline: true,
243
242
value: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt."
244
243
})}
245
-
${isChromatic() ?
244
+
${window.isChromatic() ?
246
245
Template({
247
246
displayLabel: true,
248
247
labelText: "Username",
249
248
multiline: true,
250
249
value: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.",
251
250
})
252
251
: null}
253
-
${isChromatic() ?
252
+
${window.isChromatic() ?
254
253
Template({
255
254
displayLabel: true,
256
255
labelText: "Username that is really long and wraps onto a second line",
@@ -259,7 +258,7 @@ const TextAreaGroup = ({
259
258
value: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.",
0 commit comments