@@ -105,19 +105,19 @@ <h2>Wizard</h2>
105
105
< div style ="display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-top: 1rem ">
106
106
< ui5-label > Availability</ ui5-label >
107
107
< ui5-segmentedbutton >
108
- < ui5-togglebutton icon ="employee " pressed > In stock</ ui5-togglebutton >
109
- < ui5-togglebutton > In depot</ ui5-togglebutton >
110
- < ui5-togglebutton > Damaged</ ui5-togglebutton >
111
- < ui5-togglebutton > Out of stock</ ui5-togglebutton >
108
+ < ui5-toggle-button icon ="employee " pressed > In stock</ ui5-toggle-button >
109
+ < ui5-toggle-button > In depot</ ui5-toggle-button >
110
+ < ui5-toggle-button > Damaged</ ui5-toggle-button >
111
+ < ui5-toggle-button > Out of stock</ ui5-toggle-button >
112
112
</ ui5-segmentedbutton >
113
113
</ div >
114
114
115
115
< div style ="display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-top: 1rem ">
116
116
< ui5-label > Size</ ui5-label >
117
117
< ui5-segmentedbutton id ="sb ">
118
- < ui5-togglebutton icon ="employee " pressed > Small</ ui5-togglebutton >
119
- < ui5-togglebutton > Medium</ ui5-togglebutton >
120
- < ui5-togglebutton > Large</ ui5-togglebutton >
118
+ < ui5-toggle-button icon ="employee " pressed > Small</ ui5-toggle-button >
119
+ < ui5-toggle-button > Medium</ ui5-toggle-button >
120
+ < ui5-toggle-button > Large</ ui5-toggle-button >
121
121
</ ui5-segmentedbutton >
122
122
</ div >
123
123
</ div >
@@ -230,19 +230,19 @@ <h2>Wizard non-standard</h2>
230
230
< div style ="display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-top: 1rem ">
231
231
< ui5-label > Availability</ ui5-label >
232
232
< ui5-segmentedbutton >
233
- < ui5-togglebutton icon ="employee " pressed > In stock</ ui5-togglebutton >
234
- < ui5-togglebutton > In depot</ ui5-togglebutton >
235
- < ui5-togglebutton > Damaged</ ui5-togglebutton >
236
- < ui5-togglebutton > Out of stock</ ui5-togglebutton >
233
+ < ui5-toggle-button icon ="employee " pressed > In stock</ ui5-toggle-button >
234
+ < ui5-toggle-button > In depot</ ui5-toggle-button >
235
+ < ui5-toggle-button > Damaged</ ui5-toggle-button >
236
+ < ui5-toggle-button > Out of stock</ ui5-toggle-button >
237
237
</ ui5-segmentedbutton >
238
238
</ div >
239
239
240
240
< div style ="display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-top: 1rem ">
241
241
< ui5-label > Size</ ui5-label >
242
242
< ui5-segmentedbutton >
243
- < ui5-togglebutton icon ="employee " pressed > Small</ ui5-togglebutton >
244
- < ui5-togglebutton > Medium</ ui5-togglebutton >
245
- < ui5-togglebutton > Large</ ui5-togglebutton >
243
+ < ui5-toggle-button icon ="employee " pressed > Small</ ui5-toggle-button >
244
+ < ui5-toggle-button > Medium</ ui5-toggle-button >
245
+ < ui5-toggle-button > Large</ ui5-toggle-button >
246
246
</ ui5-segmentedbutton >
247
247
</ div >
248
248
</ div >
@@ -382,19 +382,19 @@ <h2>Wizard non-standard 2</h2>
382
382
< div style ="display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-top: 1rem ">
383
383
< ui5-label > Availability</ ui5-label >
384
384
< ui5-segmentedbutton >
385
- < ui5-togglebutton icon ="employee " pressed > In stock</ ui5-togglebutton >
386
- < ui5-togglebutton > In depot</ ui5-togglebutton >
387
- < ui5-togglebutton > Damaged</ ui5-togglebutton >
388
- < ui5-togglebutton > Out of stock</ ui5-togglebutton >
385
+ < ui5-toggle-button icon ="employee " pressed > In stock</ ui5-toggle-button >
386
+ < ui5-toggle-button > In depot</ ui5-toggle-button >
387
+ < ui5-toggle-button > Damaged</ ui5-toggle-button >
388
+ < ui5-toggle-button > Out of stock</ ui5-toggle-button >
389
389
</ ui5-segmentedbutton >
390
390
</ div >
391
391
392
392
< div style ="display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-top: 1rem ">
393
393
< ui5-label > Size</ ui5-label >
394
394
< ui5-segmentedbutton >
395
- < ui5-togglebutton icon ="employee " pressed > Small</ ui5-togglebutton >
396
- < ui5-togglebutton > Medium</ ui5-togglebutton >
397
- < ui5-togglebutton > Large</ ui5-togglebutton >
395
+ < ui5-toggle-button icon ="employee " pressed > Small</ ui5-toggle-button >
396
+ < ui5-toggle-button > Medium</ ui5-toggle-button >
397
+ < ui5-toggle-button > Large</ ui5-toggle-button >
398
398
</ ui5-segmentedbutton >
399
399
</ div >
400
400
</ div >
@@ -503,19 +503,19 @@ <h2>Wizard non-standard 3</h2>
503
503
< div style ="display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-top: 1rem ">
504
504
< ui5-label > Availability</ ui5-label >
505
505
< ui5-segmentedbutton >
506
- < ui5-togglebutton icon ="employee " pressed > In stock</ ui5-togglebutton >
507
- < ui5-togglebutton > In depot</ ui5-togglebutton >
508
- < ui5-togglebutton > Damaged</ ui5-togglebutton >
509
- < ui5-togglebutton > Out of stock</ ui5-togglebutton >
506
+ < ui5-toggle-button icon ="employee " pressed > In stock</ ui5-toggle-button >
507
+ < ui5-toggle-button > In depot</ ui5-toggle-button >
508
+ < ui5-toggle-button > Damaged</ ui5-toggle-button >
509
+ < ui5-toggle-button > Out of stock</ ui5-toggle-button >
510
510
</ ui5-segmentedbutton >
511
511
</ div >
512
512
513
513
< div style ="display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-top: 1rem ">
514
514
< ui5-label > Size</ ui5-label >
515
515
< ui5-segmentedbutton >
516
- < ui5-togglebutton icon ="employee " pressed > Small</ ui5-togglebutton >
517
- < ui5-togglebutton > Medium</ ui5-togglebutton >
518
- < ui5-togglebutton > Large</ ui5-togglebutton >
516
+ < ui5-toggle-button icon ="employee " pressed > Small</ ui5-toggle-button >
517
+ < ui5-toggle-button > Medium</ ui5-toggle-button >
518
+ < ui5-toggle-button > Large</ ui5-toggle-button >
519
519
</ ui5-segmentedbutton >
520
520
</ div >
521
521
</ div >
@@ -626,19 +626,19 @@ <h2>Wizard non-standard 3</h2>
626
626
< div style ="display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-top: 1rem ">
627
627
< ui5-label > Availability</ ui5-label >
628
628
< ui5-segmentedbutton >
629
- < ui5-togglebutton icon ="employee " pressed > In stock</ ui5-togglebutton >
630
- < ui5-togglebutton > In depot</ ui5-togglebutton >
631
- < ui5-togglebutton > Damaged</ ui5-togglebutton >
632
- < ui5-togglebutton > Out of stock</ ui5-togglebutton >
629
+ < ui5-toggle-button icon ="employee " pressed > In stock</ ui5-toggle-button >
630
+ < ui5-toggle-button > In depot</ ui5-toggle-button >
631
+ < ui5-toggle-button > Damaged</ ui5-toggle-button >
632
+ < ui5-toggle-button > Out of stock</ ui5-toggle-button >
633
633
</ ui5-segmentedbutton >
634
634
</ div >
635
635
636
636
< div style ="display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-top: 1rem ">
637
637
< ui5-label > Size</ ui5-label >
638
638
< ui5-segmentedbutton id ="sb2 ">
639
- < ui5-togglebutton icon ="employee " pressed > Small</ ui5-togglebutton >
640
- < ui5-togglebutton > Medium</ ui5-togglebutton >
641
- < ui5-togglebutton > Largr</ ui5-togglebutton >
639
+ < ui5-toggle-button icon ="employee " pressed > Small</ ui5-toggle-button >
640
+ < ui5-toggle-button > Medium</ ui5-toggle-button >
641
+ < ui5-toggle-button > Largr</ ui5-toggle-button >
642
642
</ ui5-segmentedbutton >
643
643
</ div >
644
644
</ div >
0 commit comments