@@ -187,6 +187,7 @@ struct SelectPreviews: PreviewProvider {
187
187
static var previews : some View {
188
188
PreviewWrapper {
189
189
standalone
190
+ customContent
190
191
idealSize
191
192
sizing
192
193
styles
@@ -197,6 +198,9 @@ struct SelectPreviews: PreviewProvider {
197
198
198
199
static var standalone : some View {
199
200
VStack ( spacing: . medium) {
201
+ Select ( InputFieldPreviews . label, value: InputFieldPreviews . value) {
202
+ // No action
203
+ }
200
204
Select ( InputFieldPreviews . label, prefix: . grid, value: InputFieldPreviews . value) {
201
205
// No action
202
206
}
@@ -214,6 +218,43 @@ struct SelectPreviews: PreviewProvider {
214
218
. previewDisplayName ( )
215
219
}
216
220
221
+ static var customContent : some View {
222
+ VStack ( spacing: . medium) {
223
+ Select ( value: " Value with a very very very very very long value.. " ) {
224
+ // No action
225
+ } prefix: {
226
+ EmptyView ( )
227
+ } suffix: {
228
+ EmptyView ( )
229
+ }
230
+
231
+ Select ( value: " Value with a very very very very very long value.. " ) {
232
+ // No action
233
+ } prefix: {
234
+ CountryFlag ( " " )
235
+ } suffix: {
236
+ CountryFlag ( " " )
237
+ }
238
+
239
+ // FIXME: conditional content EmptyView
240
+ StateWrapper ( false ) { state in
241
+ Select ( value: " Value with a very very very very very long value.. " ) {
242
+ state. wrappedValue. toggle ( )
243
+ } prefix: {
244
+ if state. wrappedValue {
245
+ CountryFlag ( " us " )
246
+ }
247
+ } suffix: {
248
+ if state. wrappedValue {
249
+ CountryFlag ( " us " )
250
+ }
251
+ }
252
+ }
253
+ }
254
+ . padding ( . medium)
255
+ . previewDisplayName ( )
256
+ }
257
+
217
258
static var idealSize : some View {
218
259
VStack ( spacing: . medium) {
219
260
Select ( " Ideal size " , prefix: . grid, value: InputFieldPreviews . value, action: { } )
0 commit comments