@ionic/vue 8.8.9-dev.11780683233.1c5e9d9b → 8.8.9-dev.11780690883.11fe8a2a
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/core.css +1 -1
- package/css/core.css.map +1 -1
- package/css/display.css +1 -1
- package/css/display.css.map +1 -1
- package/css/flex-utils.css +1 -1
- package/css/flex-utils.css.map +1 -1
- package/css/float-elements.css.map +1 -1
- package/css/global.bundle.css.map +1 -1
- package/css/ionic-swiper.css +1 -1
- package/css/ionic-swiper.css.map +1 -1
- package/css/ionic.bundle.css +1 -1
- package/css/ionic.bundle.css.map +1 -1
- package/css/normalize.css.map +1 -1
- package/css/padding.css.map +1 -1
- package/css/palettes/dark.always.css.map +1 -1
- package/css/palettes/dark.class.css.map +1 -1
- package/css/palettes/dark.system.css.map +1 -1
- package/css/palettes/high-contrast-dark.always.css.map +1 -1
- package/css/palettes/high-contrast-dark.class.css.map +1 -1
- package/css/palettes/high-contrast-dark.system.css.map +1 -1
- package/css/palettes/high-contrast.always.css.map +1 -1
- package/css/palettes/high-contrast.class.css.map +1 -1
- package/css/palettes/high-contrast.system.css.map +1 -1
- package/css/structure.css.map +1 -1
- package/css/text-alignment.css.map +1 -1
- package/css/text-transformation.css.map +1 -1
- package/css/typography.css.map +1 -1
- package/css/utils.bundle.css +1 -1
- package/css/utils.bundle.css.map +1 -1
- package/dist/index.js +239 -254
- package/dist/index.js.map +1 -1
- package/dist/types/components/IonPage.d.ts +5 -5
- package/dist/types/components/IonRouterOutlet.d.ts +16 -4
- package/dist/types/components/IonTabBar.d.ts +1 -1
- package/dist/types/components/IonTabButton.d.ts +6 -6
- package/dist/types/components/IonTabs.d.ts +4 -4
- package/dist/types/components/Overlays.d.ts +0 -1
- package/dist/types/controllers.d.ts +1 -9
- package/dist/types/index.d.ts +2 -2
- package/dist/types/proxies.d.ts +0 -3
- package/dist/vetur/attributes.json +111 -1713
- package/dist/vetur/tags.json +45 -266
- package/dist/web-types.json +192 -2032
- package/package.json +5 -5
- package/css/ionic/bundle.ionic.css +0 -1
- package/css/ionic/bundle.ionic.css.map +0 -1
- package/css/ionic/core.ionic.css +0 -1
- package/css/ionic/core.ionic.css.map +0 -1
- package/css/ionic/global.bundle.ionic.css +0 -1
- package/css/ionic/global.bundle.ionic.css.map +0 -1
- package/css/ionic/ionic-swiper.ionic.css +0 -1
- package/css/ionic/ionic-swiper.ionic.css.map +0 -1
- package/css/ionic/link.ionic.css +0 -1
- package/css/ionic/link.ionic.css.map +0 -1
- package/css/ionic/structure.ionic.css +0 -1
- package/css/ionic/structure.ionic.css.map +0 -1
- package/css/ionic/typography.ionic.css +0 -1
- package/css/ionic/typography.ionic.css.map +0 -1
- package/css/ionic/utils.bundle.ionic.css +0 -1
- package/css/ionic/utils.bundle.ionic.css.map +0 -1
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
},
|
|
7
7
|
"ion-accordion/mode": {
|
|
8
8
|
"type": "\"ios\" | \"md\"",
|
|
9
|
-
"description": "The mode determines
|
|
9
|
+
"description": "The mode determines which platform styles to use.",
|
|
10
10
|
"options": [
|
|
11
11
|
"ios",
|
|
12
12
|
"md"
|
|
@@ -17,17 +17,8 @@
|
|
|
17
17
|
"description": "If `true`, the accordion cannot be interacted with,\nbut does not alter the opacity.",
|
|
18
18
|
"options": []
|
|
19
19
|
},
|
|
20
|
-
"ion-accordion/theme": {
|
|
21
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
22
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
23
|
-
"options": [
|
|
24
|
-
"ios",
|
|
25
|
-
"md",
|
|
26
|
-
"ionic"
|
|
27
|
-
]
|
|
28
|
-
},
|
|
29
20
|
"ion-accordion/toggle-icon": {
|
|
30
|
-
"type": "string
|
|
21
|
+
"type": "string",
|
|
31
22
|
"description": "The toggle icon to use. This icon will be\nrotated when the accordion is expanded\nor collapsed.",
|
|
32
23
|
"options": []
|
|
33
24
|
},
|
|
@@ -64,7 +55,7 @@
|
|
|
64
55
|
},
|
|
65
56
|
"ion-accordion-group/mode": {
|
|
66
57
|
"type": "\"ios\" | \"md\"",
|
|
67
|
-
"description": "The mode determines
|
|
58
|
+
"description": "The mode determines which platform styles to use.",
|
|
68
59
|
"options": [
|
|
69
60
|
"ios",
|
|
70
61
|
"md"
|
|
@@ -80,24 +71,6 @@
|
|
|
80
71
|
"description": "If `true`, the accordion group cannot be interacted with,\nbut does not alter the opacity.",
|
|
81
72
|
"options": []
|
|
82
73
|
},
|
|
83
|
-
"ion-accordion-group/shape": {
|
|
84
|
-
"type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
|
|
85
|
-
"description": "Set to `\"soft\"` for an accordion group with slightly rounded corners,\n`\"round\"` for an accordion group with fully rounded corners, or\n`\"rectangular\"` for an accordion group without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.\nOnly applies when `expand` is set to `\"inset\"`.",
|
|
86
|
-
"options": [
|
|
87
|
-
"rectangular",
|
|
88
|
-
"round",
|
|
89
|
-
"soft"
|
|
90
|
-
]
|
|
91
|
-
},
|
|
92
|
-
"ion-accordion-group/theme": {
|
|
93
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
94
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
95
|
-
"options": [
|
|
96
|
-
"ios",
|
|
97
|
-
"md",
|
|
98
|
-
"ionic"
|
|
99
|
-
]
|
|
100
|
-
},
|
|
101
74
|
"ion-accordion-group/value": {
|
|
102
75
|
"type": "null | string | string[] | undefined",
|
|
103
76
|
"description": "The value of the accordion group. This controls which\naccordions are expanded.\nThis should be an array of strings only when `multiple=\"true\"`",
|
|
@@ -155,7 +128,7 @@
|
|
|
155
128
|
},
|
|
156
129
|
"ion-action-sheet/mode": {
|
|
157
130
|
"type": "\"ios\" | \"md\"",
|
|
158
|
-
"description": "The mode determines
|
|
131
|
+
"description": "The mode determines which platform styles to use.",
|
|
159
132
|
"options": [
|
|
160
133
|
"ios",
|
|
161
134
|
"md"
|
|
@@ -166,18 +139,9 @@
|
|
|
166
139
|
"description": "Subtitle for the action sheet.",
|
|
167
140
|
"options": []
|
|
168
141
|
},
|
|
169
|
-
"ion-action-sheet/theme": {
|
|
170
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
171
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
172
|
-
"options": [
|
|
173
|
-
"ios",
|
|
174
|
-
"md",
|
|
175
|
-
"ionic"
|
|
176
|
-
]
|
|
177
|
-
},
|
|
178
142
|
"ion-action-sheet/translucent": {
|
|
179
143
|
"type": "boolean",
|
|
180
|
-
"description": "If `true`, the action sheet will be translucent.\nOnly applies when the
|
|
144
|
+
"description": "If `true`, the action sheet will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
|
|
181
145
|
"options": []
|
|
182
146
|
},
|
|
183
147
|
"ion-action-sheet/trigger": {
|
|
@@ -247,7 +211,7 @@
|
|
|
247
211
|
},
|
|
248
212
|
"ion-alert/mode": {
|
|
249
213
|
"type": "\"ios\" | \"md\"",
|
|
250
|
-
"description": "The mode determines
|
|
214
|
+
"description": "The mode determines which platform styles to use.",
|
|
251
215
|
"options": [
|
|
252
216
|
"ios",
|
|
253
217
|
"md"
|
|
@@ -258,18 +222,9 @@
|
|
|
258
222
|
"description": "The subtitle in the heading of the alert. Displayed under the title.",
|
|
259
223
|
"options": []
|
|
260
224
|
},
|
|
261
|
-
"ion-alert/theme": {
|
|
262
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
263
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
264
|
-
"options": [
|
|
265
|
-
"ios",
|
|
266
|
-
"md",
|
|
267
|
-
"ionic"
|
|
268
|
-
]
|
|
269
|
-
},
|
|
270
225
|
"ion-alert/translucent": {
|
|
271
226
|
"type": "boolean",
|
|
272
|
-
"description": "If `true`, the alert will be translucent.\nOnly applies when the
|
|
227
|
+
"description": "If `true`, the alert will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
|
|
273
228
|
"options": []
|
|
274
229
|
},
|
|
275
230
|
"ion-alert/trigger": {
|
|
@@ -277,66 +232,6 @@
|
|
|
277
232
|
"description": "An ID corresponding to the trigger element that\ncauses the alert to open when clicked.",
|
|
278
233
|
"options": []
|
|
279
234
|
},
|
|
280
|
-
"ion-app/mode": {
|
|
281
|
-
"type": "\"ios\" | \"md\"",
|
|
282
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
283
|
-
"options": [
|
|
284
|
-
"ios",
|
|
285
|
-
"md"
|
|
286
|
-
]
|
|
287
|
-
},
|
|
288
|
-
"ion-app/theme": {
|
|
289
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
290
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
291
|
-
"options": [
|
|
292
|
-
"ios",
|
|
293
|
-
"md",
|
|
294
|
-
"ionic"
|
|
295
|
-
]
|
|
296
|
-
},
|
|
297
|
-
"ion-avatar/disabled": {
|
|
298
|
-
"type": "boolean",
|
|
299
|
-
"description": "If `true`, the user cannot interact with the avatar.",
|
|
300
|
-
"options": []
|
|
301
|
-
},
|
|
302
|
-
"ion-avatar/mode": {
|
|
303
|
-
"type": "\"ios\" | \"md\"",
|
|
304
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
305
|
-
"options": [
|
|
306
|
-
"ios",
|
|
307
|
-
"md"
|
|
308
|
-
]
|
|
309
|
-
},
|
|
310
|
-
"ion-avatar/shape": {
|
|
311
|
-
"type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
|
|
312
|
-
"description": "Set to `\"soft\"` for an avatar with slightly rounded corners,\n`\"round\"` for an avatar with fully rounded corners, or `\"rectangular\"`\nfor an avatar without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
|
|
313
|
-
"options": [
|
|
314
|
-
"rectangular",
|
|
315
|
-
"round",
|
|
316
|
-
"soft"
|
|
317
|
-
]
|
|
318
|
-
},
|
|
319
|
-
"ion-avatar/size": {
|
|
320
|
-
"type": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | \"xxsmall\" | undefined",
|
|
321
|
-
"description": "Set to `\"xxsmall\"` for the smallest size.\nSet to `\"xsmall\"` for a very small size.\nSet to `\"small\"` for a compact size.\nSet to `\"medium\"` for the default height and width.\nSet to `\"large\"` for a larger size.\nSet to `\"xlarge\"` for the largest dimensions.\n\nDefaults to `\"medium\"` for the `ionic` theme, undefined for all other themes.",
|
|
322
|
-
"options": [
|
|
323
|
-
"large",
|
|
324
|
-
"medium",
|
|
325
|
-
"small",
|
|
326
|
-
"xlarge",
|
|
327
|
-
"xsmall",
|
|
328
|
-
"xxsmall"
|
|
329
|
-
]
|
|
330
|
-
},
|
|
331
|
-
"ion-avatar/theme": {
|
|
332
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
333
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
334
|
-
"options": [
|
|
335
|
-
"ios",
|
|
336
|
-
"md",
|
|
337
|
-
"ionic"
|
|
338
|
-
]
|
|
339
|
-
},
|
|
340
235
|
"ion-back-button/color": {
|
|
341
236
|
"type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
|
|
342
237
|
"description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
|
|
@@ -369,7 +264,7 @@
|
|
|
369
264
|
},
|
|
370
265
|
"ion-back-button/mode": {
|
|
371
266
|
"type": "\"ios\" | \"md\"",
|
|
372
|
-
"description": "The mode determines
|
|
267
|
+
"description": "The mode determines which platform styles to use.",
|
|
373
268
|
"options": [
|
|
374
269
|
"ios",
|
|
375
270
|
"md"
|
|
@@ -385,15 +280,6 @@
|
|
|
385
280
|
"description": "The text to display in the back button.",
|
|
386
281
|
"options": []
|
|
387
282
|
},
|
|
388
|
-
"ion-back-button/theme": {
|
|
389
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
390
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
391
|
-
"options": [
|
|
392
|
-
"ios",
|
|
393
|
-
"md",
|
|
394
|
-
"ionic"
|
|
395
|
-
]
|
|
396
|
-
},
|
|
397
283
|
"ion-back-button/type": {
|
|
398
284
|
"type": "\"button\" | \"reset\" | \"submit\"",
|
|
399
285
|
"description": "The type of the button.",
|
|
@@ -403,14 +289,6 @@
|
|
|
403
289
|
"submit"
|
|
404
290
|
]
|
|
405
291
|
},
|
|
406
|
-
"ion-backdrop/mode": {
|
|
407
|
-
"type": "\"ios\" | \"md\"",
|
|
408
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
409
|
-
"options": [
|
|
410
|
-
"ios",
|
|
411
|
-
"md"
|
|
412
|
-
]
|
|
413
|
-
},
|
|
414
292
|
"ion-backdrop/stop-propagation": {
|
|
415
293
|
"type": "boolean",
|
|
416
294
|
"description": "If `true`, the backdrop will stop propagation on tap.",
|
|
@@ -421,15 +299,6 @@
|
|
|
421
299
|
"description": "If `true`, the backdrop will can be clicked and will emit the `ionBackdropTap` event.",
|
|
422
300
|
"options": []
|
|
423
301
|
},
|
|
424
|
-
"ion-backdrop/theme": {
|
|
425
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
426
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
427
|
-
"options": [
|
|
428
|
-
"ios",
|
|
429
|
-
"md",
|
|
430
|
-
"ionic"
|
|
431
|
-
]
|
|
432
|
-
},
|
|
433
302
|
"ion-backdrop/visible": {
|
|
434
303
|
"type": "boolean",
|
|
435
304
|
"description": "If `true`, the backdrop will be visible.",
|
|
@@ -450,55 +319,14 @@
|
|
|
450
319
|
"warning"
|
|
451
320
|
]
|
|
452
321
|
},
|
|
453
|
-
"ion-badge/hue": {
|
|
454
|
-
"type": "\"bold\" | \"subtle\" | undefined",
|
|
455
|
-
"description": "Set to `\"bold\"` for a badge with vibrant, bold colors or to `\"subtle\"` for\na badge with muted, subtle colors.\n\nOnly applies to the `ionic` theme.",
|
|
456
|
-
"options": [
|
|
457
|
-
"bold",
|
|
458
|
-
"subtle"
|
|
459
|
-
]
|
|
460
|
-
},
|
|
461
322
|
"ion-badge/mode": {
|
|
462
323
|
"type": "\"ios\" | \"md\"",
|
|
463
|
-
"description": "The mode determines
|
|
324
|
+
"description": "The mode determines which platform styles to use.",
|
|
464
325
|
"options": [
|
|
465
326
|
"ios",
|
|
466
327
|
"md"
|
|
467
328
|
]
|
|
468
329
|
},
|
|
469
|
-
"ion-badge/shape": {
|
|
470
|
-
"type": "\"round | rectangular\" | \"soft\" | undefined",
|
|
471
|
-
"description": "Set to `\"rectangular\"` for non-rounded corners.\nSet to `\"soft\"` for slightly rounded corners.\nSet to `\"round\"` for fully rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
|
|
472
|
-
"options": [
|
|
473
|
-
"soft"
|
|
474
|
-
]
|
|
475
|
-
},
|
|
476
|
-
"ion-badge/size": {
|
|
477
|
-
"type": "\"large\" | \"medium\" | \"small\" | undefined",
|
|
478
|
-
"description": "Set to `\"small\"` for a small badge.\nSet to `\"medium\"` for a medium badge.\nSet to `\"large\"` for a large badge, when it is empty (no text or icon).\n\nDefaults to `\"small\"` for the `ionic` theme, undefined for all other themes.",
|
|
479
|
-
"options": [
|
|
480
|
-
"large",
|
|
481
|
-
"medium",
|
|
482
|
-
"small"
|
|
483
|
-
]
|
|
484
|
-
},
|
|
485
|
-
"ion-badge/theme": {
|
|
486
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
487
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
488
|
-
"options": [
|
|
489
|
-
"ios",
|
|
490
|
-
"md",
|
|
491
|
-
"ionic"
|
|
492
|
-
]
|
|
493
|
-
},
|
|
494
|
-
"ion-badge/vertical": {
|
|
495
|
-
"type": "\"bottom\" | \"top\" | undefined",
|
|
496
|
-
"description": "Set to `\"top\"` to position the badge on top right absolute position of the parent element.\nSet to `\"bottom\"` to position the badge on bottom right absolute position of the parent element.",
|
|
497
|
-
"options": [
|
|
498
|
-
"bottom",
|
|
499
|
-
"top"
|
|
500
|
-
]
|
|
501
|
-
},
|
|
502
330
|
"ion-breadcrumb/active": {
|
|
503
331
|
"type": "boolean",
|
|
504
332
|
"description": "If `true`, the breadcrumb will take on a different look to show that\nit is the currently active breadcrumb. Defaults to `true` for the\nlast breadcrumb if it is not set on any.",
|
|
@@ -536,7 +364,7 @@
|
|
|
536
364
|
},
|
|
537
365
|
"ion-breadcrumb/mode": {
|
|
538
366
|
"type": "\"ios\" | \"md\"",
|
|
539
|
-
"description": "The mode determines
|
|
367
|
+
"description": "The mode determines which platform styles to use.",
|
|
540
368
|
"options": [
|
|
541
369
|
"ios",
|
|
542
370
|
"md"
|
|
@@ -571,15 +399,6 @@
|
|
|
571
399
|
"description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
|
|
572
400
|
"options": []
|
|
573
401
|
},
|
|
574
|
-
"ion-breadcrumb/theme": {
|
|
575
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
576
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
577
|
-
"options": [
|
|
578
|
-
"ios",
|
|
579
|
-
"md",
|
|
580
|
-
"ionic"
|
|
581
|
-
]
|
|
582
|
-
},
|
|
583
402
|
"ion-breadcrumbs/color": {
|
|
584
403
|
"type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
|
|
585
404
|
"description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
|
|
@@ -612,21 +431,12 @@
|
|
|
612
431
|
},
|
|
613
432
|
"ion-breadcrumbs/mode": {
|
|
614
433
|
"type": "\"ios\" | \"md\"",
|
|
615
|
-
"description": "The mode determines
|
|
434
|
+
"description": "The mode determines which platform styles to use.",
|
|
616
435
|
"options": [
|
|
617
436
|
"ios",
|
|
618
437
|
"md"
|
|
619
438
|
]
|
|
620
439
|
},
|
|
621
|
-
"ion-breadcrumbs/theme": {
|
|
622
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
623
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
624
|
-
"options": [
|
|
625
|
-
"ios",
|
|
626
|
-
"md",
|
|
627
|
-
"ionic"
|
|
628
|
-
]
|
|
629
|
-
},
|
|
630
440
|
"ion-button/button-type": {
|
|
631
441
|
"type": "string",
|
|
632
442
|
"description": "The type of button.",
|
|
@@ -667,7 +477,7 @@
|
|
|
667
477
|
},
|
|
668
478
|
"ion-button/fill": {
|
|
669
479
|
"type": "\"clear\" | \"default\" | \"outline\" | \"solid\" | undefined",
|
|
670
|
-
"description": "Set to `\"clear\"` for a transparent button that resembles a flat button, to `\"outline\"`\nfor a transparent button with a border, or to `\"solid\"` for a button with a filled background.\nThe default fill is `\"solid\"` except
|
|
480
|
+
"description": "Set to `\"clear\"` for a transparent button that resembles a flat button, to `\"outline\"`\nfor a transparent button with a border, or to `\"solid\"` for a button with a filled background.\nThe default fill is `\"solid\"` except inside of a toolbar, where the default is `\"clear\"`.",
|
|
671
481
|
"options": [
|
|
672
482
|
"clear",
|
|
673
483
|
"default",
|
|
@@ -687,7 +497,7 @@
|
|
|
687
497
|
},
|
|
688
498
|
"ion-button/mode": {
|
|
689
499
|
"type": "\"ios\" | \"md\"",
|
|
690
|
-
"description": "The mode determines
|
|
500
|
+
"description": "The mode determines which platform styles to use.",
|
|
691
501
|
"options": [
|
|
692
502
|
"ios",
|
|
693
503
|
"md"
|
|
@@ -713,21 +523,18 @@
|
|
|
713
523
|
]
|
|
714
524
|
},
|
|
715
525
|
"ion-button/shape": {
|
|
716
|
-
"type": "\"
|
|
717
|
-
"description": "Set to `\"
|
|
526
|
+
"type": "\"round\" | undefined",
|
|
527
|
+
"description": "Set to `\"round\"` for a button with more rounded corners.",
|
|
718
528
|
"options": [
|
|
719
|
-
"
|
|
720
|
-
"round",
|
|
721
|
-
"soft"
|
|
529
|
+
"round"
|
|
722
530
|
]
|
|
723
531
|
},
|
|
724
532
|
"ion-button/size": {
|
|
725
|
-
"type": "\"default\" | \"large\" | \"
|
|
726
|
-
"description": "Set to `\"small\"` for a button with less height and padding, to `\"
|
|
533
|
+
"type": "\"default\" | \"large\" | \"small\" | undefined",
|
|
534
|
+
"description": "Set to `\"small\"` for a button with less height and padding, to `\"default\"`\nfor a button with the default height and padding, or to `\"large\"` for a button\nwith more height and padding. By default the size is unset, unless the button\nis inside of an item, where the size is `\"small\"` by default. Set the size to\n`\"default\"` inside of an item to make it a standard size button.",
|
|
727
535
|
"options": [
|
|
728
536
|
"default",
|
|
729
537
|
"large",
|
|
730
|
-
"medium",
|
|
731
538
|
"small"
|
|
732
539
|
]
|
|
733
540
|
},
|
|
@@ -741,15 +548,6 @@
|
|
|
741
548
|
"description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
|
|
742
549
|
"options": []
|
|
743
550
|
},
|
|
744
|
-
"ion-button/theme": {
|
|
745
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
746
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
747
|
-
"options": [
|
|
748
|
-
"ios",
|
|
749
|
-
"md",
|
|
750
|
-
"ionic"
|
|
751
|
-
]
|
|
752
|
-
},
|
|
753
551
|
"ion-button/type": {
|
|
754
552
|
"type": "\"button\" | \"reset\" | \"submit\"",
|
|
755
553
|
"description": "The type of the button.",
|
|
@@ -761,26 +559,9 @@
|
|
|
761
559
|
},
|
|
762
560
|
"ion-buttons/collapse": {
|
|
763
561
|
"type": "boolean",
|
|
764
|
-
"description": "If true, buttons will disappear when its\nparent toolbar has fully collapsed if the toolbar\nis not the first toolbar. If the toolbar is the\nfirst toolbar, the buttons will be hidden and will\nonly be shown once all toolbars have fully collapsed.\n\nOnly applies in
|
|
562
|
+
"description": "If true, buttons will disappear when its\nparent toolbar has fully collapsed if the toolbar\nis not the first toolbar. If the toolbar is the\nfirst toolbar, the buttons will be hidden and will\nonly be shown once all toolbars have fully collapsed.\n\nOnly applies in `ios` mode with `collapse` set to\n`true` on `ion-header`.\n\nTypically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)",
|
|
765
563
|
"options": []
|
|
766
564
|
},
|
|
767
|
-
"ion-buttons/mode": {
|
|
768
|
-
"type": "\"ios\" | \"md\"",
|
|
769
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
770
|
-
"options": [
|
|
771
|
-
"ios",
|
|
772
|
-
"md"
|
|
773
|
-
]
|
|
774
|
-
},
|
|
775
|
-
"ion-buttons/theme": {
|
|
776
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
777
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
778
|
-
"options": [
|
|
779
|
-
"ios",
|
|
780
|
-
"md",
|
|
781
|
-
"ionic"
|
|
782
|
-
]
|
|
783
|
-
},
|
|
784
565
|
"ion-card/button": {
|
|
785
566
|
"type": "boolean",
|
|
786
567
|
"description": "If `true`, a button tag will be rendered and the card will be tappable.",
|
|
@@ -818,7 +599,7 @@
|
|
|
818
599
|
},
|
|
819
600
|
"ion-card/mode": {
|
|
820
601
|
"type": "\"ios\" | \"md\"",
|
|
821
|
-
"description": "The mode determines
|
|
602
|
+
"description": "The mode determines which platform styles to use.",
|
|
822
603
|
"options": [
|
|
823
604
|
"ios",
|
|
824
605
|
"md"
|
|
@@ -843,29 +624,11 @@
|
|
|
843
624
|
"root"
|
|
844
625
|
]
|
|
845
626
|
},
|
|
846
|
-
"ion-card/shape": {
|
|
847
|
-
"type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
|
|
848
|
-
"description": "Set to `\"soft\"` for a card with slightly rounded corners, `\"round\"` for a card with more\nrounded corners, or `\"rectangular\"` for a card without rounded corners.\nDefaults to `\"round\"`.",
|
|
849
|
-
"options": [
|
|
850
|
-
"rectangular",
|
|
851
|
-
"round",
|
|
852
|
-
"soft"
|
|
853
|
-
]
|
|
854
|
-
},
|
|
855
627
|
"ion-card/target": {
|
|
856
628
|
"type": "string | undefined",
|
|
857
629
|
"description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
|
|
858
630
|
"options": []
|
|
859
631
|
},
|
|
860
|
-
"ion-card/theme": {
|
|
861
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
862
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
863
|
-
"options": [
|
|
864
|
-
"ios",
|
|
865
|
-
"md",
|
|
866
|
-
"ionic"
|
|
867
|
-
]
|
|
868
|
-
},
|
|
869
632
|
"ion-card/type": {
|
|
870
633
|
"type": "\"button\" | \"reset\" | \"submit\"",
|
|
871
634
|
"description": "The type of the button. Only used when an `onclick` or `button` property is present.",
|
|
@@ -877,21 +640,12 @@
|
|
|
877
640
|
},
|
|
878
641
|
"ion-card-content/mode": {
|
|
879
642
|
"type": "\"ios\" | \"md\"",
|
|
880
|
-
"description": "The mode determines
|
|
643
|
+
"description": "The mode determines which platform styles to use.",
|
|
881
644
|
"options": [
|
|
882
645
|
"ios",
|
|
883
646
|
"md"
|
|
884
647
|
]
|
|
885
648
|
},
|
|
886
|
-
"ion-card-content/theme": {
|
|
887
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
888
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
889
|
-
"options": [
|
|
890
|
-
"ios",
|
|
891
|
-
"md",
|
|
892
|
-
"ionic"
|
|
893
|
-
]
|
|
894
|
-
},
|
|
895
649
|
"ion-card-header/color": {
|
|
896
650
|
"type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
|
|
897
651
|
"description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
|
|
@@ -909,24 +663,15 @@
|
|
|
909
663
|
},
|
|
910
664
|
"ion-card-header/mode": {
|
|
911
665
|
"type": "\"ios\" | \"md\"",
|
|
912
|
-
"description": "The mode determines
|
|
666
|
+
"description": "The mode determines which platform styles to use.",
|
|
913
667
|
"options": [
|
|
914
668
|
"ios",
|
|
915
669
|
"md"
|
|
916
670
|
]
|
|
917
671
|
},
|
|
918
|
-
"ion-card-header/theme": {
|
|
919
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
920
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
921
|
-
"options": [
|
|
922
|
-
"ios",
|
|
923
|
-
"md",
|
|
924
|
-
"ionic"
|
|
925
|
-
]
|
|
926
|
-
},
|
|
927
672
|
"ion-card-header/translucent": {
|
|
928
673
|
"type": "boolean",
|
|
929
|
-
"description": "If `true`, the card header will be translucent.\nOnly applies when the
|
|
674
|
+
"description": "If `true`, the card header will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
|
|
930
675
|
"options": []
|
|
931
676
|
},
|
|
932
677
|
"ion-card-subtitle/color": {
|
|
@@ -946,21 +691,12 @@
|
|
|
946
691
|
},
|
|
947
692
|
"ion-card-subtitle/mode": {
|
|
948
693
|
"type": "\"ios\" | \"md\"",
|
|
949
|
-
"description": "The mode determines
|
|
694
|
+
"description": "The mode determines which platform styles to use.",
|
|
950
695
|
"options": [
|
|
951
696
|
"ios",
|
|
952
697
|
"md"
|
|
953
698
|
]
|
|
954
699
|
},
|
|
955
|
-
"ion-card-subtitle/theme": {
|
|
956
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
957
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
958
|
-
"options": [
|
|
959
|
-
"ios",
|
|
960
|
-
"md",
|
|
961
|
-
"ionic"
|
|
962
|
-
]
|
|
963
|
-
},
|
|
964
700
|
"ion-card-title/color": {
|
|
965
701
|
"type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
|
|
966
702
|
"description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
|
|
@@ -978,21 +714,12 @@
|
|
|
978
714
|
},
|
|
979
715
|
"ion-card-title/mode": {
|
|
980
716
|
"type": "\"ios\" | \"md\"",
|
|
981
|
-
"description": "The mode determines
|
|
717
|
+
"description": "The mode determines which platform styles to use.",
|
|
982
718
|
"options": [
|
|
983
719
|
"ios",
|
|
984
720
|
"md"
|
|
985
721
|
]
|
|
986
722
|
},
|
|
987
|
-
"ion-card-title/theme": {
|
|
988
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
989
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
990
|
-
"options": [
|
|
991
|
-
"ios",
|
|
992
|
-
"md",
|
|
993
|
-
"ionic"
|
|
994
|
-
]
|
|
995
|
-
},
|
|
996
723
|
"ion-checkbox/alignment": {
|
|
997
724
|
"type": "\"center\" | \"start\" | undefined",
|
|
998
725
|
"description": "How to control the alignment of the checkbox and label on the cross axis.\n`\"start\"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.\n`\"center\"`: The label and control will appear at the center of the cross axis in both LTR and RTL.\nSetting this property will change the checkbox `display` to `block`.",
|
|
@@ -1062,7 +789,7 @@
|
|
|
1062
789
|
},
|
|
1063
790
|
"ion-checkbox/mode": {
|
|
1064
791
|
"type": "\"ios\" | \"md\"",
|
|
1065
|
-
"description": "The mode determines
|
|
792
|
+
"description": "The mode determines which platform styles to use.",
|
|
1066
793
|
"options": [
|
|
1067
794
|
"ios",
|
|
1068
795
|
"md"
|
|
@@ -1078,30 +805,6 @@
|
|
|
1078
805
|
"description": "If true, screen readers will announce it as a required field. This property\nworks only for accessibility purposes, it will not prevent the form from\nsubmitting if the value is invalid.",
|
|
1079
806
|
"options": []
|
|
1080
807
|
},
|
|
1081
|
-
"ion-checkbox/shape": {
|
|
1082
|
-
"type": "\"rectangular\" | \"soft\" | undefined",
|
|
1083
|
-
"description": "Set to `\"soft\"` for a checkbox with more rounded corners. Only available when the theme is `\"ionic\"`.",
|
|
1084
|
-
"options": [
|
|
1085
|
-
"rectangular",
|
|
1086
|
-
"soft"
|
|
1087
|
-
]
|
|
1088
|
-
},
|
|
1089
|
-
"ion-checkbox/size": {
|
|
1090
|
-
"type": "\"small\" | undefined",
|
|
1091
|
-
"description": "Set to `\"small\"` for a checkbox with less height and padding.",
|
|
1092
|
-
"options": [
|
|
1093
|
-
"small"
|
|
1094
|
-
]
|
|
1095
|
-
},
|
|
1096
|
-
"ion-checkbox/theme": {
|
|
1097
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
1098
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
1099
|
-
"options": [
|
|
1100
|
-
"ios",
|
|
1101
|
-
"md",
|
|
1102
|
-
"ionic"
|
|
1103
|
-
]
|
|
1104
|
-
},
|
|
1105
808
|
"ion-checkbox/value": {
|
|
1106
809
|
"type": "any",
|
|
1107
810
|
"description": "The value of the checkbox does not mean if it's checked or not, use the `checked`\nproperty for that.\n\nThe value of a checkbox is analogous to the value of an `<input type=\"checkbox\">`,\nit's only used when the checkbox participates in a native `<form>`.",
|
|
@@ -1127,17 +830,9 @@
|
|
|
1127
830
|
"description": "If `true`, the user cannot interact with the chip.",
|
|
1128
831
|
"options": []
|
|
1129
832
|
},
|
|
1130
|
-
"ion-chip/hue": {
|
|
1131
|
-
"type": "\"bold\" | \"subtle\" | undefined",
|
|
1132
|
-
"description": "Set to `\"bold\"` for a chip with vibrant, bold colors or to `\"subtle\"` for\na chip with muted, subtle colors.\n\nOnly applies to the `ionic` theme.",
|
|
1133
|
-
"options": [
|
|
1134
|
-
"bold",
|
|
1135
|
-
"subtle"
|
|
1136
|
-
]
|
|
1137
|
-
},
|
|
1138
833
|
"ion-chip/mode": {
|
|
1139
834
|
"type": "\"ios\" | \"md\"",
|
|
1140
|
-
"description": "The mode determines
|
|
835
|
+
"description": "The mode determines which platform styles to use.",
|
|
1141
836
|
"options": [
|
|
1142
837
|
"ios",
|
|
1143
838
|
"md"
|
|
@@ -1148,40 +843,6 @@
|
|
|
1148
843
|
"description": "Display an outline style button.",
|
|
1149
844
|
"options": []
|
|
1150
845
|
},
|
|
1151
|
-
"ion-chip/shape": {
|
|
1152
|
-
"type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
|
|
1153
|
-
"description": "Set to `\"soft\"` for a chip with slightly rounded corners, `\"round\"` for a chip with fully\nrounded corners, or `\"rectangular\"` for a chip without rounded corners.\nDefaults to `\"round\"` for the `\"ionic\"` theme and `\"soft\"` for all other themes.",
|
|
1154
|
-
"options": [
|
|
1155
|
-
"rectangular",
|
|
1156
|
-
"round",
|
|
1157
|
-
"soft"
|
|
1158
|
-
]
|
|
1159
|
-
},
|
|
1160
|
-
"ion-chip/size": {
|
|
1161
|
-
"type": "\"large\" | \"small\" | undefined",
|
|
1162
|
-
"description": "Set to `\"small\"` for a chip with less height and padding.\n\nDefaults to `\"large\"` for the ionic theme, and undefined for all other themes.",
|
|
1163
|
-
"options": [
|
|
1164
|
-
"large",
|
|
1165
|
-
"small"
|
|
1166
|
-
]
|
|
1167
|
-
},
|
|
1168
|
-
"ion-chip/theme": {
|
|
1169
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
1170
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
1171
|
-
"options": [
|
|
1172
|
-
"ios",
|
|
1173
|
-
"md",
|
|
1174
|
-
"ionic"
|
|
1175
|
-
]
|
|
1176
|
-
},
|
|
1177
|
-
"ion-col/mode": {
|
|
1178
|
-
"type": "\"ios\" | \"md\"",
|
|
1179
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
1180
|
-
"options": [
|
|
1181
|
-
"ios",
|
|
1182
|
-
"md"
|
|
1183
|
-
]
|
|
1184
|
-
},
|
|
1185
846
|
"ion-col/offset": {
|
|
1186
847
|
"type": "string | undefined",
|
|
1187
848
|
"description": "The amount to offset the column, in terms of how many columns it should shift to the end\nof the total available.",
|
|
@@ -1212,36 +873,6 @@
|
|
|
1212
873
|
"description": "The amount to offset the column for xs screens, in terms of how many columns it should shift\nto the end of the total available.",
|
|
1213
874
|
"options": []
|
|
1214
875
|
},
|
|
1215
|
-
"ion-col/order": {
|
|
1216
|
-
"type": "string | undefined",
|
|
1217
|
-
"description": "The order of the column, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure.",
|
|
1218
|
-
"options": []
|
|
1219
|
-
},
|
|
1220
|
-
"ion-col/order-lg": {
|
|
1221
|
-
"type": "string | undefined",
|
|
1222
|
-
"description": "The order of the column for lg screens, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure.",
|
|
1223
|
-
"options": []
|
|
1224
|
-
},
|
|
1225
|
-
"ion-col/order-md": {
|
|
1226
|
-
"type": "string | undefined",
|
|
1227
|
-
"description": "The order of the column for md screens, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure.",
|
|
1228
|
-
"options": []
|
|
1229
|
-
},
|
|
1230
|
-
"ion-col/order-sm": {
|
|
1231
|
-
"type": "string | undefined",
|
|
1232
|
-
"description": "The order of the column for sm screens, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure.",
|
|
1233
|
-
"options": []
|
|
1234
|
-
},
|
|
1235
|
-
"ion-col/order-xl": {
|
|
1236
|
-
"type": "string | undefined",
|
|
1237
|
-
"description": "The order of the column for xl screens, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure.",
|
|
1238
|
-
"options": []
|
|
1239
|
-
},
|
|
1240
|
-
"ion-col/order-xs": {
|
|
1241
|
-
"type": "string | undefined",
|
|
1242
|
-
"description": "The order of the column for xs screens, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure.",
|
|
1243
|
-
"options": []
|
|
1244
|
-
},
|
|
1245
876
|
"ion-col/pull": {
|
|
1246
877
|
"type": "string | undefined",
|
|
1247
878
|
"description": "The amount to pull the column, in terms of how many columns it should shift to the start of\nthe total available.",
|
|
@@ -1332,15 +963,6 @@
|
|
|
1332
963
|
"description": "The size of the column for xs screens, in terms of how many columns it should take up out\nof the total available. If `\"auto\"` is passed, the column will be the size of its content.",
|
|
1333
964
|
"options": []
|
|
1334
965
|
},
|
|
1335
|
-
"ion-col/theme": {
|
|
1336
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
1337
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
1338
|
-
"options": [
|
|
1339
|
-
"ios",
|
|
1340
|
-
"md",
|
|
1341
|
-
"ionic"
|
|
1342
|
-
]
|
|
1343
|
-
},
|
|
1344
966
|
"ion-content/color": {
|
|
1345
967
|
"type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
|
|
1346
968
|
"description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
|
|
@@ -1374,14 +996,6 @@
|
|
|
1374
996
|
"description": "If `true`, the content will scroll behind the headers\nand footers. This effect can easily be seen by setting the toolbar\nto transparent.",
|
|
1375
997
|
"options": []
|
|
1376
998
|
},
|
|
1377
|
-
"ion-content/mode": {
|
|
1378
|
-
"type": "\"ios\" | \"md\"",
|
|
1379
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
1380
|
-
"options": [
|
|
1381
|
-
"ios",
|
|
1382
|
-
"md"
|
|
1383
|
-
]
|
|
1384
|
-
},
|
|
1385
999
|
"ion-content/scroll-events": {
|
|
1386
1000
|
"type": "boolean",
|
|
1387
1001
|
"description": "Because of performance reasons, ionScroll events are disabled by default, in order to enable them\nand start listening from (ionScroll), set this property to `true`.",
|
|
@@ -1397,15 +1011,6 @@
|
|
|
1397
1011
|
"description": "If you want to disable the content scrolling in the Y axis, set this property to `false`.",
|
|
1398
1012
|
"options": []
|
|
1399
1013
|
},
|
|
1400
|
-
"ion-content/theme": {
|
|
1401
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
1402
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
1403
|
-
"options": [
|
|
1404
|
-
"ios",
|
|
1405
|
-
"md",
|
|
1406
|
-
"ionic"
|
|
1407
|
-
]
|
|
1408
|
-
},
|
|
1409
1014
|
"ion-datetime/cancel-text": {
|
|
1410
1015
|
"type": "string",
|
|
1411
1016
|
"description": "The text to display on the picker's cancel button.",
|
|
@@ -1503,7 +1108,7 @@
|
|
|
1503
1108
|
},
|
|
1504
1109
|
"ion-datetime/mode": {
|
|
1505
1110
|
"type": "\"ios\" | \"md\"",
|
|
1506
|
-
"description": "The mode determines
|
|
1111
|
+
"description": "The mode determines which platform styles to use.",
|
|
1507
1112
|
"options": [
|
|
1508
1113
|
"ios",
|
|
1509
1114
|
"md"
|
|
@@ -1580,15 +1185,6 @@
|
|
|
1580
1185
|
"fixed"
|
|
1581
1186
|
]
|
|
1582
1187
|
},
|
|
1583
|
-
"ion-datetime/theme": {
|
|
1584
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
1585
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
1586
|
-
"options": [
|
|
1587
|
-
"ios",
|
|
1588
|
-
"md",
|
|
1589
|
-
"ionic"
|
|
1590
|
-
]
|
|
1591
|
-
},
|
|
1592
1188
|
"ion-datetime/title-selected-dates-formatter": {
|
|
1593
1189
|
"type": "((selectedDates: string[]) => string) | undefined",
|
|
1594
1190
|
"description": "A callback used to format the header text that shows how many\ndates are selected. Only used if there are 0 or more than 1\nselected (i.e. unused for exactly 1). By default, the header\ntext is set to \"numberOfDates days\".\n\nSee https://ionicframework.com/docs/troubleshooting/runtime#accessing-this\nif you need to access `this` from within the callback.",
|
|
@@ -1631,39 +1227,12 @@
|
|
|
1631
1227
|
},
|
|
1632
1228
|
"ion-datetime-button/mode": {
|
|
1633
1229
|
"type": "\"ios\" | \"md\"",
|
|
1634
|
-
"description": "The mode determines
|
|
1230
|
+
"description": "The mode determines which platform styles to use.",
|
|
1635
1231
|
"options": [
|
|
1636
1232
|
"ios",
|
|
1637
1233
|
"md"
|
|
1638
1234
|
]
|
|
1639
1235
|
},
|
|
1640
|
-
"ion-datetime-button/theme": {
|
|
1641
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
1642
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
1643
|
-
"options": [
|
|
1644
|
-
"ios",
|
|
1645
|
-
"md",
|
|
1646
|
-
"ionic"
|
|
1647
|
-
]
|
|
1648
|
-
},
|
|
1649
|
-
"ion-divider/inset": {
|
|
1650
|
-
"type": "boolean",
|
|
1651
|
-
"description": "If `true`, the divider will have horizontal margins\nBy default, it's `false`",
|
|
1652
|
-
"options": []
|
|
1653
|
-
},
|
|
1654
|
-
"ion-divider/spacing": {
|
|
1655
|
-
"type": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | \"xxlarge\" | \"xxsmall\" | undefined",
|
|
1656
|
-
"description": "Set to `\"xxsmall\"` for the smallest spacing.\nSet to \"xsmall\" for very small spacing.\nSet to `\"small\"` for small spacing.\nSet to \"medium\" for medium spacing.\nSet to \"large\" for large spacing.\nSet to `\"xlarge\"` for the largest spacing.\n\nDefaults to `\"medium\"`.",
|
|
1657
|
-
"options": [
|
|
1658
|
-
"large",
|
|
1659
|
-
"medium",
|
|
1660
|
-
"small",
|
|
1661
|
-
"xlarge",
|
|
1662
|
-
"xsmall",
|
|
1663
|
-
"xxlarge",
|
|
1664
|
-
"xxsmall"
|
|
1665
|
-
]
|
|
1666
|
-
},
|
|
1667
1236
|
"ion-fab/activated": {
|
|
1668
1237
|
"type": "boolean",
|
|
1669
1238
|
"description": "If `true`, both the `ion-fab-button` and all `ion-fab-list` inside `ion-fab` will become active.\nThat means `ion-fab-button` will become a `close` icon and `ion-fab-list` will become visible.",
|
|
@@ -1683,26 +1252,9 @@
|
|
|
1683
1252
|
"start"
|
|
1684
1253
|
]
|
|
1685
1254
|
},
|
|
1686
|
-
"ion-fab/
|
|
1687
|
-
"type": "\"
|
|
1688
|
-
"description": "
|
|
1689
|
-
"options": [
|
|
1690
|
-
"ios",
|
|
1691
|
-
"md"
|
|
1692
|
-
]
|
|
1693
|
-
},
|
|
1694
|
-
"ion-fab/theme": {
|
|
1695
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
1696
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
1697
|
-
"options": [
|
|
1698
|
-
"ios",
|
|
1699
|
-
"md",
|
|
1700
|
-
"ionic"
|
|
1701
|
-
]
|
|
1702
|
-
},
|
|
1703
|
-
"ion-fab/vertical": {
|
|
1704
|
-
"type": "\"bottom\" | \"center\" | \"top\" | undefined",
|
|
1705
|
-
"description": "Where to align the fab vertically in the viewport.",
|
|
1255
|
+
"ion-fab/vertical": {
|
|
1256
|
+
"type": "\"bottom\" | \"center\" | \"top\" | undefined",
|
|
1257
|
+
"description": "Where to align the fab vertically in the viewport.",
|
|
1706
1258
|
"options": [
|
|
1707
1259
|
"bottom",
|
|
1708
1260
|
"center",
|
|
@@ -1715,7 +1267,7 @@
|
|
|
1715
1267
|
"options": []
|
|
1716
1268
|
},
|
|
1717
1269
|
"ion-fab-button/close-icon": {
|
|
1718
|
-
"type": "string
|
|
1270
|
+
"type": "string",
|
|
1719
1271
|
"description": "The icon name to use for the close icon. This will appear when the fab button\nis pressed. Only applies if it is the main button inside of a fab containing a\nfab list.",
|
|
1720
1272
|
"options": []
|
|
1721
1273
|
},
|
|
@@ -1751,7 +1303,7 @@
|
|
|
1751
1303
|
},
|
|
1752
1304
|
"ion-fab-button/mode": {
|
|
1753
1305
|
"type": "\"ios\" | \"md\"",
|
|
1754
|
-
"description": "The mode determines
|
|
1306
|
+
"description": "The mode determines which platform styles to use.",
|
|
1755
1307
|
"options": [
|
|
1756
1308
|
"ios",
|
|
1757
1309
|
"md"
|
|
@@ -1793,18 +1345,9 @@
|
|
|
1793
1345
|
"description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
|
|
1794
1346
|
"options": []
|
|
1795
1347
|
},
|
|
1796
|
-
"ion-fab-button/theme": {
|
|
1797
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
1798
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
1799
|
-
"options": [
|
|
1800
|
-
"ios",
|
|
1801
|
-
"md",
|
|
1802
|
-
"ionic"
|
|
1803
|
-
]
|
|
1804
|
-
},
|
|
1805
1348
|
"ion-fab-button/translucent": {
|
|
1806
1349
|
"type": "boolean",
|
|
1807
|
-
"description": "If `true`, the fab button will be translucent.\nOnly applies when the
|
|
1350
|
+
"description": "If `true`, the fab button will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
|
|
1808
1351
|
"options": []
|
|
1809
1352
|
},
|
|
1810
1353
|
"ion-fab-button/type": {
|
|
@@ -1821,14 +1364,6 @@
|
|
|
1821
1364
|
"description": "If `true`, the fab list will show all fab buttons in the list.",
|
|
1822
1365
|
"options": []
|
|
1823
1366
|
},
|
|
1824
|
-
"ion-fab-list/mode": {
|
|
1825
|
-
"type": "\"ios\" | \"md\"",
|
|
1826
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
1827
|
-
"options": [
|
|
1828
|
-
"ios",
|
|
1829
|
-
"md"
|
|
1830
|
-
]
|
|
1831
|
-
},
|
|
1832
1367
|
"ion-fab-list/side": {
|
|
1833
1368
|
"type": "\"bottom\" | \"end\" | \"start\" | \"top\"",
|
|
1834
1369
|
"description": "The side the fab list will show on relative to the main fab button.",
|
|
@@ -1839,159 +1374,50 @@
|
|
|
1839
1374
|
"top"
|
|
1840
1375
|
]
|
|
1841
1376
|
},
|
|
1842
|
-
"ion-fab-list/theme": {
|
|
1843
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
1844
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
1845
|
-
"options": [
|
|
1846
|
-
"ios",
|
|
1847
|
-
"md",
|
|
1848
|
-
"ionic"
|
|
1849
|
-
]
|
|
1850
|
-
},
|
|
1851
1377
|
"ion-footer/collapse": {
|
|
1852
1378
|
"type": "\"fade\" | undefined",
|
|
1853
|
-
"description": "Describes the scroll effect that will be applied to the footer.\nOnly applies
|
|
1379
|
+
"description": "Describes the scroll effect that will be applied to the footer.\nOnly applies in iOS mode.",
|
|
1854
1380
|
"options": [
|
|
1855
1381
|
"fade"
|
|
1856
1382
|
]
|
|
1857
1383
|
},
|
|
1858
1384
|
"ion-footer/mode": {
|
|
1859
1385
|
"type": "\"ios\" | \"md\"",
|
|
1860
|
-
"description": "The mode determines
|
|
1386
|
+
"description": "The mode determines which platform styles to use.",
|
|
1861
1387
|
"options": [
|
|
1862
1388
|
"ios",
|
|
1863
1389
|
"md"
|
|
1864
1390
|
]
|
|
1865
1391
|
},
|
|
1866
|
-
"ion-footer/theme": {
|
|
1867
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
1868
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
1869
|
-
"options": [
|
|
1870
|
-
"ios",
|
|
1871
|
-
"md",
|
|
1872
|
-
"ionic"
|
|
1873
|
-
]
|
|
1874
|
-
},
|
|
1875
1392
|
"ion-footer/translucent": {
|
|
1876
1393
|
"type": "boolean",
|
|
1877
|
-
"description": "If `true`, the footer will be translucent.\nOnly applies when the
|
|
1878
|
-
"options": []
|
|
1879
|
-
},
|
|
1880
|
-
"ion-gallery/columns": {
|
|
1881
|
-
"type": "GalleryBreakpoints<string | number> | number | string",
|
|
1882
|
-
"description": "The number of columns to display. Can be set as a number or an object of\nbreakpoint values (e.g. `{ xs: 2, sm: 3, md: 4 }`).",
|
|
1394
|
+
"description": "If `true`, the footer will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).\n\nNote: In order to scroll content behind the footer, the `fullscreen`\nattribute needs to be set on the content.",
|
|
1883
1395
|
"options": []
|
|
1884
1396
|
},
|
|
1885
|
-
"ion-gallery/gap": {
|
|
1886
|
-
"type": "GalleryBreakpoints<string | number> | number | string",
|
|
1887
|
-
"description": "The space between gallery items. Accepts valid CSS [length-percentage](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/length-percentage)\nvalues like `16px`, `1rem`, `20%`, math functions like `calc(10px + 20%)`,\nCSS variables like `var(--app-gallery-gap)`, or numbers (treated as pixel\nvalues). Can also be set as a breakpoint map\n(e.g. `{ xs: '8px', sm: '1rem', md: '24px' }`). Does not accept\nspace-separated values or CSS keyword values like `inherit`, `auto`, etc.",
|
|
1888
|
-
"options": []
|
|
1889
|
-
},
|
|
1890
|
-
"ion-gallery/layout": {
|
|
1891
|
-
"type": "\"masonry\" | \"uniform\"",
|
|
1892
|
-
"description": "The visual layout of the gallery. When `uniform`, rows take up the height\nof the tallest item and are spaced evenly across the gallery. Additionally,\nitems will have an aspect ratio of 1/1, forcing them to be square unless a\nheight is explicitly set. When `masonry`, items will be positioned under each\nother with only the specified gap between them.",
|
|
1893
|
-
"options": [
|
|
1894
|
-
"masonry",
|
|
1895
|
-
"uniform"
|
|
1896
|
-
]
|
|
1897
|
-
},
|
|
1898
|
-
"ion-gallery/mode": {
|
|
1899
|
-
"type": "\"ios\" | \"md\"",
|
|
1900
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
1901
|
-
"options": [
|
|
1902
|
-
"ios",
|
|
1903
|
-
"md"
|
|
1904
|
-
]
|
|
1905
|
-
},
|
|
1906
|
-
"ion-gallery/order": {
|
|
1907
|
-
"type": "\"best-fit\" | \"sequential\" | undefined",
|
|
1908
|
-
"description": "The order in which items are positioned. Only applies when layout is\n`masonry`. When `sequential`, items are positioned in the order they are\nplaced in the DOM. When `best-fit`, items are positioned under the column\nwith the most available space. Defaults to `sequential` when layout is\n`masonry` and `order` is not explicitly set.",
|
|
1909
|
-
"options": [
|
|
1910
|
-
"best-fit",
|
|
1911
|
-
"sequential"
|
|
1912
|
-
]
|
|
1913
|
-
},
|
|
1914
|
-
"ion-gallery/theme": {
|
|
1915
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
1916
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
1917
|
-
"options": [
|
|
1918
|
-
"ios",
|
|
1919
|
-
"md",
|
|
1920
|
-
"ionic"
|
|
1921
|
-
]
|
|
1922
|
-
},
|
|
1923
|
-
"ion-gallery-item/mode": {
|
|
1924
|
-
"type": "\"ios\" | \"md\"",
|
|
1925
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
1926
|
-
"options": [
|
|
1927
|
-
"ios",
|
|
1928
|
-
"md"
|
|
1929
|
-
]
|
|
1930
|
-
},
|
|
1931
|
-
"ion-gallery-item/theme": {
|
|
1932
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
1933
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
1934
|
-
"options": [
|
|
1935
|
-
"ios",
|
|
1936
|
-
"md",
|
|
1937
|
-
"ionic"
|
|
1938
|
-
]
|
|
1939
|
-
},
|
|
1940
1397
|
"ion-grid/fixed": {
|
|
1941
1398
|
"type": "boolean",
|
|
1942
1399
|
"description": "If `true`, the grid will have a fixed width based on the screen size.",
|
|
1943
1400
|
"options": []
|
|
1944
1401
|
},
|
|
1945
|
-
"ion-grid/mode": {
|
|
1946
|
-
"type": "\"ios\" | \"md\"",
|
|
1947
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
1948
|
-
"options": [
|
|
1949
|
-
"ios",
|
|
1950
|
-
"md"
|
|
1951
|
-
]
|
|
1952
|
-
},
|
|
1953
|
-
"ion-grid/theme": {
|
|
1954
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
1955
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
1956
|
-
"options": [
|
|
1957
|
-
"ios",
|
|
1958
|
-
"md",
|
|
1959
|
-
"ionic"
|
|
1960
|
-
]
|
|
1961
|
-
},
|
|
1962
1402
|
"ion-header/collapse": {
|
|
1963
1403
|
"type": "\"condense\" | \"fade\" | undefined",
|
|
1964
|
-
"description": "Describes the scroll effect that will be applied to the header.\nOnly applies
|
|
1404
|
+
"description": "Describes the scroll effect that will be applied to the header.\nOnly applies in iOS mode.\n\nTypically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)",
|
|
1965
1405
|
"options": [
|
|
1966
1406
|
"condense",
|
|
1967
1407
|
"fade"
|
|
1968
1408
|
]
|
|
1969
1409
|
},
|
|
1970
|
-
"ion-header/divider": {
|
|
1971
|
-
"type": "boolean",
|
|
1972
|
-
"description": "If `true`, the header will have a line at the bottom.\nTODO(ROU-10855): add support for this prop on ios/md themes",
|
|
1973
|
-
"options": []
|
|
1974
|
-
},
|
|
1975
1410
|
"ion-header/mode": {
|
|
1976
1411
|
"type": "\"ios\" | \"md\"",
|
|
1977
|
-
"description": "The mode determines
|
|
1412
|
+
"description": "The mode determines which platform styles to use.",
|
|
1978
1413
|
"options": [
|
|
1979
1414
|
"ios",
|
|
1980
1415
|
"md"
|
|
1981
1416
|
]
|
|
1982
1417
|
},
|
|
1983
|
-
"ion-header/theme": {
|
|
1984
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
1985
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
1986
|
-
"options": [
|
|
1987
|
-
"ios",
|
|
1988
|
-
"md",
|
|
1989
|
-
"ionic"
|
|
1990
|
-
]
|
|
1991
|
-
},
|
|
1992
1418
|
"ion-header/translucent": {
|
|
1993
1419
|
"type": "boolean",
|
|
1994
|
-
"description": "If `true`, the header will be translucent.\nOnly applies when the
|
|
1420
|
+
"description": "If `true`, the header will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).\n\nNote: In order to scroll content behind the header, the `fullscreen`\nattribute needs to be set on the content.",
|
|
1995
1421
|
"options": []
|
|
1996
1422
|
},
|
|
1997
1423
|
"ion-img/alt": {
|
|
@@ -1999,41 +1425,16 @@
|
|
|
1999
1425
|
"description": "This attribute defines the alternative text describing the image.\nUsers will see this text displayed if the image URL is wrong,\nthe image is not in one of the supported formats, or if the image is not yet downloaded.",
|
|
2000
1426
|
"options": []
|
|
2001
1427
|
},
|
|
2002
|
-
"ion-img/mode": {
|
|
2003
|
-
"type": "\"ios\" | \"md\"",
|
|
2004
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
2005
|
-
"options": [
|
|
2006
|
-
"ios",
|
|
2007
|
-
"md"
|
|
2008
|
-
]
|
|
2009
|
-
},
|
|
2010
1428
|
"ion-img/src": {
|
|
2011
1429
|
"type": "string | undefined",
|
|
2012
1430
|
"description": "The image URL. This attribute is mandatory for the `<img>` element.",
|
|
2013
1431
|
"options": []
|
|
2014
1432
|
},
|
|
2015
|
-
"ion-img/theme": {
|
|
2016
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2017
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2018
|
-
"options": [
|
|
2019
|
-
"ios",
|
|
2020
|
-
"md",
|
|
2021
|
-
"ionic"
|
|
2022
|
-
]
|
|
2023
|
-
},
|
|
2024
1433
|
"ion-infinite-scroll/disabled": {
|
|
2025
1434
|
"type": "boolean",
|
|
2026
1435
|
"description": "If `true`, the infinite scroll will be hidden and scroll event listeners\nwill be removed.\n\nSet this to true to disable the infinite scroll from actively\ntrying to receive new data while scrolling. This is useful\nwhen it is known that there is no more data that can be added, and\nthe infinite scroll is no longer needed.",
|
|
2027
1436
|
"options": []
|
|
2028
1437
|
},
|
|
2029
|
-
"ion-infinite-scroll/mode": {
|
|
2030
|
-
"type": "\"ios\" | \"md\"",
|
|
2031
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
2032
|
-
"options": [
|
|
2033
|
-
"ios",
|
|
2034
|
-
"md"
|
|
2035
|
-
]
|
|
2036
|
-
},
|
|
2037
1438
|
"ion-infinite-scroll/position": {
|
|
2038
1439
|
"type": "\"bottom\" | \"top\"",
|
|
2039
1440
|
"description": "The position of the infinite scroll element.\nThe value can be either `top` or `bottom`.",
|
|
@@ -2042,20 +1443,6 @@
|
|
|
2042
1443
|
"top"
|
|
2043
1444
|
]
|
|
2044
1445
|
},
|
|
2045
|
-
"ion-infinite-scroll/preserve-rerender-scroll-position": {
|
|
2046
|
-
"type": "boolean",
|
|
2047
|
-
"description": "If `true`, the infinite scroll will preserve the scroll position\nwhen the content is re-rendered. This is useful when the content is\nre-rendered with new keys, and the scroll position should be preserved.",
|
|
2048
|
-
"options": []
|
|
2049
|
-
},
|
|
2050
|
-
"ion-infinite-scroll/theme": {
|
|
2051
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2052
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2053
|
-
"options": [
|
|
2054
|
-
"ios",
|
|
2055
|
-
"md",
|
|
2056
|
-
"ionic"
|
|
2057
|
-
]
|
|
2058
|
-
},
|
|
2059
1446
|
"ion-infinite-scroll/threshold": {
|
|
2060
1447
|
"type": "string",
|
|
2061
1448
|
"description": "The threshold distance from the bottom\nof the content to call the `infinite` output event when scrolled.\nThe threshold value can be either a percent, or\nin pixels. For example, use the value of `10%` for the `infinite`\noutput event to get called when the user has scrolled 10%\nfrom the bottom of the page. Use the value `100px` when the\nscroll is within 100 pixels from the bottom of the page.",
|
|
@@ -2081,23 +1468,6 @@
|
|
|
2081
1468
|
"description": "Optional text to display while loading.\n`loadingText` can accept either plaintext or HTML as a string.\nTo display characters normally reserved for HTML, they\nmust be escaped. For example `<Ionic>` would become\n`<Ionic>`\n\nFor more information: [Security Documentation](https://ionicframework.com/docs/faq/security)\n\nThis property accepts custom HTML as a string.\nContent is parsed as plaintext by default.\n`innerHTMLTemplatesEnabled` must be set to `true` in the Ionic config\nbefore custom HTML can be used.",
|
|
2082
1469
|
"options": []
|
|
2083
1470
|
},
|
|
2084
|
-
"ion-infinite-scroll-content/mode": {
|
|
2085
|
-
"type": "\"ios\" | \"md\"",
|
|
2086
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
2087
|
-
"options": [
|
|
2088
|
-
"ios",
|
|
2089
|
-
"md"
|
|
2090
|
-
]
|
|
2091
|
-
},
|
|
2092
|
-
"ion-infinite-scroll-content/theme": {
|
|
2093
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2094
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2095
|
-
"options": [
|
|
2096
|
-
"ios",
|
|
2097
|
-
"md",
|
|
2098
|
-
"ionic"
|
|
2099
|
-
]
|
|
2100
|
-
},
|
|
2101
1471
|
"ion-input/autocapitalize": {
|
|
2102
1472
|
"type": "string",
|
|
2103
1473
|
"description": "Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\nAvailable options: `\"off\"`, `\"none\"`, `\"on\"`, `\"sentences\"`, `\"words\"`, `\"characters\"`.",
|
|
@@ -2164,12 +1534,9 @@
|
|
|
2164
1534
|
]
|
|
2165
1535
|
},
|
|
2166
1536
|
"ion-input/autocorrect": {
|
|
2167
|
-
"type": "
|
|
1537
|
+
"type": "boolean",
|
|
2168
1538
|
"description": "Whether auto correction should be enabled when the user is entering/editing the text value.",
|
|
2169
|
-
"options": [
|
|
2170
|
-
"off",
|
|
2171
|
-
"on"
|
|
2172
|
-
]
|
|
1539
|
+
"options": []
|
|
2173
1540
|
},
|
|
2174
1541
|
"ion-input/autofocus": {
|
|
2175
1542
|
"type": "boolean",
|
|
@@ -2246,7 +1613,7 @@
|
|
|
2246
1613
|
},
|
|
2247
1614
|
"ion-input/fill": {
|
|
2248
1615
|
"type": "\"outline\" | \"solid\" | undefined",
|
|
2249
|
-
"description": "The fill for the item. If `\"solid\"` the item will have a background. If\n`\"outline\"` the item will be transparent with a border. Only available
|
|
1616
|
+
"description": "The fill for the item. If `\"solid\"` the item will have a background. If\n`\"outline\"` the item will be transparent with a border. Only available in `md` mode.",
|
|
2250
1617
|
"options": [
|
|
2251
1618
|
"outline",
|
|
2252
1619
|
"solid"
|
|
@@ -2277,8 +1644,8 @@
|
|
|
2277
1644
|
"options": []
|
|
2278
1645
|
},
|
|
2279
1646
|
"ion-input/label-placement": {
|
|
2280
|
-
"type": "\"end\" | \"fixed\" | \"floating\" | \"stacked\" | \"start\"
|
|
2281
|
-
"description": "Where to place the label relative to the input.\n`\"start\"`: The label will appear to the left of the input in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the input in LTR and to the left in RTL.\n`\"floating\"`: The label will appear smaller and above the input when the input is focused or it has a value. Otherwise it will appear on top of the input.\n`\"stacked\"`: The label will appear smaller and above the input regardless even when the input is blurred or has no value.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\")
|
|
1647
|
+
"type": "\"end\" | \"fixed\" | \"floating\" | \"stacked\" | \"start\"",
|
|
1648
|
+
"description": "Where to place the label relative to the input.\n`\"start\"`: The label will appear to the left of the input in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the input in LTR and to the left in RTL.\n`\"floating\"`: The label will appear smaller and above the input when the input is focused or it has a value. Otherwise it will appear on top of the input.\n`\"stacked\"`: The label will appear smaller and above the input regardless even when the input is blurred or has no value.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").",
|
|
2282
1649
|
"options": [
|
|
2283
1650
|
"end",
|
|
2284
1651
|
"fixed",
|
|
@@ -2309,7 +1676,7 @@
|
|
|
2309
1676
|
},
|
|
2310
1677
|
"ion-input/mode": {
|
|
2311
1678
|
"type": "\"ios\" | \"md\"",
|
|
2312
|
-
"description": "The mode determines
|
|
1679
|
+
"description": "The mode determines which platform styles to use.",
|
|
2313
1680
|
"options": [
|
|
2314
1681
|
"ios",
|
|
2315
1682
|
"md"
|
|
@@ -2346,21 +1713,10 @@
|
|
|
2346
1713
|
"options": []
|
|
2347
1714
|
},
|
|
2348
1715
|
"ion-input/shape": {
|
|
2349
|
-
"type": "\"
|
|
2350
|
-
"description": "
|
|
2351
|
-
"options": [
|
|
2352
|
-
"rectangular",
|
|
2353
|
-
"round",
|
|
2354
|
-
"soft"
|
|
2355
|
-
]
|
|
2356
|
-
},
|
|
2357
|
-
"ion-input/size": {
|
|
2358
|
-
"type": "\"large\" | \"medium\" | \"xlarge\" | undefined",
|
|
2359
|
-
"description": "The size of the input. If \"large\", it will have an increased height. By default the\nsize is medium. This property only applies to the `\"ionic\"` theme.",
|
|
1716
|
+
"type": "\"round\" | undefined",
|
|
1717
|
+
"description": "The shape of the input. If \"round\" it will have an increased border radius.",
|
|
2360
1718
|
"options": [
|
|
2361
|
-
"
|
|
2362
|
-
"medium",
|
|
2363
|
-
"xlarge"
|
|
1719
|
+
"round"
|
|
2364
1720
|
]
|
|
2365
1721
|
},
|
|
2366
1722
|
"ion-input/spellcheck": {
|
|
@@ -2373,15 +1729,6 @@
|
|
|
2373
1729
|
"description": "Works with the min and max attributes to limit the increments at which a value can be set.\nPossible values are: `\"any\"` or a positive floating point number.",
|
|
2374
1730
|
"options": []
|
|
2375
1731
|
},
|
|
2376
|
-
"ion-input/theme": {
|
|
2377
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2378
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2379
|
-
"options": [
|
|
2380
|
-
"ios",
|
|
2381
|
-
"md",
|
|
2382
|
-
"ionic"
|
|
2383
|
-
]
|
|
2384
|
-
},
|
|
2385
1732
|
"ion-input/type": {
|
|
2386
1733
|
"type": "\"date\" | \"datetime-local\" | \"email\" | \"month\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"time\" | \"url\" | \"week\"",
|
|
2387
1734
|
"description": "The type of control to display. The default type is text.",
|
|
@@ -2457,14 +1804,6 @@
|
|
|
2457
1804
|
"description": "The number of input boxes to display.",
|
|
2458
1805
|
"options": []
|
|
2459
1806
|
},
|
|
2460
|
-
"ion-input-otp/mode": {
|
|
2461
|
-
"type": "\"ios\" | \"md\"",
|
|
2462
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
2463
|
-
"options": [
|
|
2464
|
-
"ios",
|
|
2465
|
-
"md"
|
|
2466
|
-
]
|
|
2467
|
-
},
|
|
2468
1807
|
"ion-input-otp/pattern": {
|
|
2469
1808
|
"type": "string | undefined",
|
|
2470
1809
|
"description": "A regex pattern string for allowed characters. Defaults based on type.\n\nFor numbers (`type=\"number\"`): `\"[\\p{N}]\"`\nFor text (`type=\"text\"`): `\"[\\p{L}\\p{N}]\"`",
|
|
@@ -2498,15 +1837,6 @@
|
|
|
2498
1837
|
"small"
|
|
2499
1838
|
]
|
|
2500
1839
|
},
|
|
2501
|
-
"ion-input-otp/theme": {
|
|
2502
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2503
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2504
|
-
"options": [
|
|
2505
|
-
"ios",
|
|
2506
|
-
"md",
|
|
2507
|
-
"ionic"
|
|
2508
|
-
]
|
|
2509
|
-
},
|
|
2510
1840
|
"ion-input-otp/type": {
|
|
2511
1841
|
"type": "\"number\" | \"text\"",
|
|
2512
1842
|
"description": "The type of input allowed in the input boxes.",
|
|
@@ -2575,11 +1905,11 @@
|
|
|
2575
1905
|
},
|
|
2576
1906
|
"ion-item/detail": {
|
|
2577
1907
|
"type": "boolean | undefined",
|
|
2578
|
-
"description": "If `true`, a detail arrow will appear on the item. Defaults to `false` unless the `
|
|
1908
|
+
"description": "If `true`, a detail arrow will appear on the item. Defaults to `false` unless the `mode`\nis `ios` and an `href` or `button` property is present.",
|
|
2579
1909
|
"options": []
|
|
2580
1910
|
},
|
|
2581
1911
|
"ion-item/detail-icon": {
|
|
2582
|
-
"type": "string
|
|
1912
|
+
"type": "string",
|
|
2583
1913
|
"description": "The icon to use when `detail` is set to `true`.",
|
|
2584
1914
|
"options": []
|
|
2585
1915
|
},
|
|
@@ -2609,7 +1939,7 @@
|
|
|
2609
1939
|
},
|
|
2610
1940
|
"ion-item/mode": {
|
|
2611
1941
|
"type": "\"ios\" | \"md\"",
|
|
2612
|
-
"description": "The mode determines
|
|
1942
|
+
"description": "The mode determines which platform styles to use.",
|
|
2613
1943
|
"options": [
|
|
2614
1944
|
"ios",
|
|
2615
1945
|
"md"
|
|
@@ -2639,15 +1969,6 @@
|
|
|
2639
1969
|
"description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
|
|
2640
1970
|
"options": []
|
|
2641
1971
|
},
|
|
2642
|
-
"ion-item/theme": {
|
|
2643
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2644
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2645
|
-
"options": [
|
|
2646
|
-
"ios",
|
|
2647
|
-
"md",
|
|
2648
|
-
"ionic"
|
|
2649
|
-
]
|
|
2650
|
-
},
|
|
2651
1972
|
"ion-item/type": {
|
|
2652
1973
|
"type": "\"button\" | \"reset\" | \"submit\"",
|
|
2653
1974
|
"description": "The type of the button. Only used when an `onclick` or `button` property is present.",
|
|
@@ -2674,7 +1995,7 @@
|
|
|
2674
1995
|
},
|
|
2675
1996
|
"ion-item-divider/mode": {
|
|
2676
1997
|
"type": "\"ios\" | \"md\"",
|
|
2677
|
-
"description": "The mode determines
|
|
1998
|
+
"description": "The mode determines which platform styles to use.",
|
|
2678
1999
|
"options": [
|
|
2679
2000
|
"ios",
|
|
2680
2001
|
"md"
|
|
@@ -2685,32 +2006,6 @@
|
|
|
2685
2006
|
"description": "When it's set to `true`, the item-divider will stay visible when it reaches the top\nof the viewport until the next `ion-item-divider` replaces it.\n\nThis feature relies in `position:sticky`:\nhttps://caniuse.com/#feat=css-sticky",
|
|
2686
2007
|
"options": []
|
|
2687
2008
|
},
|
|
2688
|
-
"ion-item-divider/theme": {
|
|
2689
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2690
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2691
|
-
"options": [
|
|
2692
|
-
"ios",
|
|
2693
|
-
"md",
|
|
2694
|
-
"ionic"
|
|
2695
|
-
]
|
|
2696
|
-
},
|
|
2697
|
-
"ion-item-group/mode": {
|
|
2698
|
-
"type": "\"ios\" | \"md\"",
|
|
2699
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
2700
|
-
"options": [
|
|
2701
|
-
"ios",
|
|
2702
|
-
"md"
|
|
2703
|
-
]
|
|
2704
|
-
},
|
|
2705
|
-
"ion-item-group/theme": {
|
|
2706
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2707
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2708
|
-
"options": [
|
|
2709
|
-
"ios",
|
|
2710
|
-
"md",
|
|
2711
|
-
"ionic"
|
|
2712
|
-
]
|
|
2713
|
-
},
|
|
2714
2009
|
"ion-item-option/color": {
|
|
2715
2010
|
"type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
|
|
2716
2011
|
"description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
|
|
@@ -2746,17 +2041,9 @@
|
|
|
2746
2041
|
"description": "Contains a URL or a URL fragment that the hyperlink points to.\nIf this property is set, an anchor tag will be rendered.",
|
|
2747
2042
|
"options": []
|
|
2748
2043
|
},
|
|
2749
|
-
"ion-item-option/hue": {
|
|
2750
|
-
"type": "\"bold\" | \"subtle\" | undefined",
|
|
2751
|
-
"description": "Set to `\"bold\"` for an option with vibrant, bold colors or to `\"subtle\"` for\nan option with muted, subtle colors.\n\nOnly applies to the `ionic` theme.",
|
|
2752
|
-
"options": [
|
|
2753
|
-
"bold",
|
|
2754
|
-
"subtle"
|
|
2755
|
-
]
|
|
2756
|
-
},
|
|
2757
2044
|
"ion-item-option/mode": {
|
|
2758
2045
|
"type": "\"ios\" | \"md\"",
|
|
2759
|
-
"description": "The mode determines
|
|
2046
|
+
"description": "The mode determines which platform styles to use.",
|
|
2760
2047
|
"options": [
|
|
2761
2048
|
"ios",
|
|
2762
2049
|
"md"
|
|
@@ -2767,29 +2054,11 @@
|
|
|
2767
2054
|
"description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).",
|
|
2768
2055
|
"options": []
|
|
2769
2056
|
},
|
|
2770
|
-
"ion-item-option/shape": {
|
|
2771
|
-
"type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
|
|
2772
|
-
"description": "Set to `\"rectangular\"` for non-rounded corners.\nSet to `\"soft\"` for slightly rounded corners.\nSet to `\"round\"` for fully rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
|
|
2773
|
-
"options": [
|
|
2774
|
-
"rectangular",
|
|
2775
|
-
"round",
|
|
2776
|
-
"soft"
|
|
2777
|
-
]
|
|
2778
|
-
},
|
|
2779
2057
|
"ion-item-option/target": {
|
|
2780
2058
|
"type": "string | undefined",
|
|
2781
2059
|
"description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
|
|
2782
2060
|
"options": []
|
|
2783
2061
|
},
|
|
2784
|
-
"ion-item-option/theme": {
|
|
2785
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2786
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2787
|
-
"options": [
|
|
2788
|
-
"ios",
|
|
2789
|
-
"md",
|
|
2790
|
-
"ionic"
|
|
2791
|
-
]
|
|
2792
|
-
},
|
|
2793
2062
|
"ion-item-option/type": {
|
|
2794
2063
|
"type": "\"button\" | \"reset\" | \"submit\"",
|
|
2795
2064
|
"description": "The type of the button.",
|
|
@@ -2799,14 +2068,6 @@
|
|
|
2799
2068
|
"submit"
|
|
2800
2069
|
]
|
|
2801
2070
|
},
|
|
2802
|
-
"ion-item-options/mode": {
|
|
2803
|
-
"type": "\"ios\" | \"md\"",
|
|
2804
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
2805
|
-
"options": [
|
|
2806
|
-
"ios",
|
|
2807
|
-
"md"
|
|
2808
|
-
]
|
|
2809
|
-
},
|
|
2810
2071
|
"ion-item-options/side": {
|
|
2811
2072
|
"type": "\"end\" | \"start\"",
|
|
2812
2073
|
"description": "The side the option button should be on. Possible values: `\"start\"` and `\"end\"`. If you have multiple `ion-item-options`, a side must be provided for each.",
|
|
@@ -2815,37 +2076,11 @@
|
|
|
2815
2076
|
"start"
|
|
2816
2077
|
]
|
|
2817
2078
|
},
|
|
2818
|
-
"ion-item-options/theme": {
|
|
2819
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2820
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2821
|
-
"options": [
|
|
2822
|
-
"ios",
|
|
2823
|
-
"md",
|
|
2824
|
-
"ionic"
|
|
2825
|
-
]
|
|
2826
|
-
},
|
|
2827
2079
|
"ion-item-sliding/disabled": {
|
|
2828
2080
|
"type": "boolean",
|
|
2829
2081
|
"description": "If `true`, the user cannot interact with the sliding item.",
|
|
2830
2082
|
"options": []
|
|
2831
2083
|
},
|
|
2832
|
-
"ion-item-sliding/mode": {
|
|
2833
|
-
"type": "\"ios\" | \"md\"",
|
|
2834
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
2835
|
-
"options": [
|
|
2836
|
-
"ios",
|
|
2837
|
-
"md"
|
|
2838
|
-
]
|
|
2839
|
-
},
|
|
2840
|
-
"ion-item-sliding/theme": {
|
|
2841
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2842
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2843
|
-
"options": [
|
|
2844
|
-
"ios",
|
|
2845
|
-
"md",
|
|
2846
|
-
"ionic"
|
|
2847
|
-
]
|
|
2848
|
-
},
|
|
2849
2084
|
"ion-label/color": {
|
|
2850
2085
|
"type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
|
|
2851
2086
|
"description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
|
|
@@ -2863,7 +2098,7 @@
|
|
|
2863
2098
|
},
|
|
2864
2099
|
"ion-label/mode": {
|
|
2865
2100
|
"type": "\"ios\" | \"md\"",
|
|
2866
|
-
"description": "The mode determines
|
|
2101
|
+
"description": "The mode determines which platform styles to use.",
|
|
2867
2102
|
"options": [
|
|
2868
2103
|
"ios",
|
|
2869
2104
|
"md"
|
|
@@ -2878,15 +2113,6 @@
|
|
|
2878
2113
|
"stacked"
|
|
2879
2114
|
]
|
|
2880
2115
|
},
|
|
2881
|
-
"ion-label/theme": {
|
|
2882
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2883
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2884
|
-
"options": [
|
|
2885
|
-
"ios",
|
|
2886
|
-
"md",
|
|
2887
|
-
"ionic"
|
|
2888
|
-
]
|
|
2889
|
-
},
|
|
2890
2116
|
"ion-list/inset": {
|
|
2891
2117
|
"type": "boolean",
|
|
2892
2118
|
"description": "If `true`, the list will have margin around it and rounded corners.",
|
|
@@ -2903,30 +2129,12 @@
|
|
|
2903
2129
|
},
|
|
2904
2130
|
"ion-list/mode": {
|
|
2905
2131
|
"type": "\"ios\" | \"md\"",
|
|
2906
|
-
"description": "The mode determines
|
|
2132
|
+
"description": "The mode determines which platform styles to use.",
|
|
2907
2133
|
"options": [
|
|
2908
2134
|
"ios",
|
|
2909
2135
|
"md"
|
|
2910
2136
|
]
|
|
2911
2137
|
},
|
|
2912
|
-
"ion-list/shape": {
|
|
2913
|
-
"type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
|
|
2914
|
-
"description": "Set to `\"soft\"` for slightly rounded corners,\n`\"round\"` for fully rounded corners,\nor `\"rectangular\"` for no rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme\nwhen inset is `true`\ndefaults to `\"rectangular\"` for the `ionic`\ntheme when inset is `false`,\nundefined for all other themes.",
|
|
2915
|
-
"options": [
|
|
2916
|
-
"rectangular",
|
|
2917
|
-
"round",
|
|
2918
|
-
"soft"
|
|
2919
|
-
]
|
|
2920
|
-
},
|
|
2921
|
-
"ion-list/theme": {
|
|
2922
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2923
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2924
|
-
"options": [
|
|
2925
|
-
"ios",
|
|
2926
|
-
"md",
|
|
2927
|
-
"ionic"
|
|
2928
|
-
]
|
|
2929
|
-
},
|
|
2930
2138
|
"ion-list-header/color": {
|
|
2931
2139
|
"type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
|
|
2932
2140
|
"description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
|
|
@@ -2953,21 +2161,12 @@
|
|
|
2953
2161
|
},
|
|
2954
2162
|
"ion-list-header/mode": {
|
|
2955
2163
|
"type": "\"ios\" | \"md\"",
|
|
2956
|
-
"description": "The mode determines
|
|
2164
|
+
"description": "The mode determines which platform styles to use.",
|
|
2957
2165
|
"options": [
|
|
2958
2166
|
"ios",
|
|
2959
2167
|
"md"
|
|
2960
2168
|
]
|
|
2961
2169
|
},
|
|
2962
|
-
"ion-list-header/theme": {
|
|
2963
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2964
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2965
|
-
"options": [
|
|
2966
|
-
"ios",
|
|
2967
|
-
"md",
|
|
2968
|
-
"ionic"
|
|
2969
|
-
]
|
|
2970
|
-
},
|
|
2971
2170
|
"ion-loading/animated": {
|
|
2972
2171
|
"type": "boolean",
|
|
2973
2172
|
"description": "If `true`, the loading indicator will animate.",
|
|
@@ -3020,7 +2219,7 @@
|
|
|
3020
2219
|
},
|
|
3021
2220
|
"ion-loading/mode": {
|
|
3022
2221
|
"type": "\"ios\" | \"md\"",
|
|
3023
|
-
"description": "The mode determines
|
|
2222
|
+
"description": "The mode determines which platform styles to use.",
|
|
3024
2223
|
"options": [
|
|
3025
2224
|
"ios",
|
|
3026
2225
|
"md"
|
|
@@ -3046,18 +2245,9 @@
|
|
|
3046
2245
|
"lines-small"
|
|
3047
2246
|
]
|
|
3048
2247
|
},
|
|
3049
|
-
"ion-loading/theme": {
|
|
3050
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3051
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3052
|
-
"options": [
|
|
3053
|
-
"ios",
|
|
3054
|
-
"md",
|
|
3055
|
-
"ionic"
|
|
3056
|
-
]
|
|
3057
|
-
},
|
|
3058
2248
|
"ion-loading/translucent": {
|
|
3059
2249
|
"type": "boolean",
|
|
3060
|
-
"description": "If `true`, the loading indicator will be translucent.\nOnly applies when the
|
|
2250
|
+
"description": "If `true`, the loading indicator will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
|
|
3061
2251
|
"options": []
|
|
3062
2252
|
},
|
|
3063
2253
|
"ion-loading/trigger": {
|
|
@@ -3085,14 +2275,6 @@
|
|
|
3085
2275
|
"description": "An id for the menu.",
|
|
3086
2276
|
"options": []
|
|
3087
2277
|
},
|
|
3088
|
-
"ion-menu/mode": {
|
|
3089
|
-
"type": "\"ios\" | \"md\"",
|
|
3090
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
3091
|
-
"options": [
|
|
3092
|
-
"ios",
|
|
3093
|
-
"md"
|
|
3094
|
-
]
|
|
3095
|
-
},
|
|
3096
2278
|
"ion-menu/side": {
|
|
3097
2279
|
"type": "\"end\" | \"start\"",
|
|
3098
2280
|
"description": "Which side of the view the menu should be placed.",
|
|
@@ -3106,15 +2288,6 @@
|
|
|
3106
2288
|
"description": "If `true`, swiping the menu is enabled.",
|
|
3107
2289
|
"options": []
|
|
3108
2290
|
},
|
|
3109
|
-
"ion-menu/theme": {
|
|
3110
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3111
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3112
|
-
"options": [
|
|
3113
|
-
"ios",
|
|
3114
|
-
"md",
|
|
3115
|
-
"ionic"
|
|
3116
|
-
]
|
|
3117
|
-
},
|
|
3118
2291
|
"ion-menu/type": {
|
|
3119
2292
|
"type": "\"overlay\" | \"push\" | \"reveal\" | undefined",
|
|
3120
2293
|
"description": "The display type of the menu.\nAvailable options: `\"overlay\"`, `\"reveal\"`, `\"push\"`.",
|
|
@@ -3156,21 +2329,12 @@
|
|
|
3156
2329
|
},
|
|
3157
2330
|
"ion-menu-button/mode": {
|
|
3158
2331
|
"type": "\"ios\" | \"md\"",
|
|
3159
|
-
"description": "The mode determines
|
|
2332
|
+
"description": "The mode determines which platform styles to use.",
|
|
3160
2333
|
"options": [
|
|
3161
2334
|
"ios",
|
|
3162
2335
|
"md"
|
|
3163
2336
|
]
|
|
3164
2337
|
},
|
|
3165
|
-
"ion-menu-button/theme": {
|
|
3166
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3167
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3168
|
-
"options": [
|
|
3169
|
-
"ios",
|
|
3170
|
-
"md",
|
|
3171
|
-
"ionic"
|
|
3172
|
-
]
|
|
3173
|
-
},
|
|
3174
2338
|
"ion-menu-button/type": {
|
|
3175
2339
|
"type": "\"button\" | \"reset\" | \"submit\"",
|
|
3176
2340
|
"description": "The type of the button.",
|
|
@@ -3190,23 +2354,6 @@
|
|
|
3190
2354
|
"description": "Optional property that maps to a Menu's `menuId` prop.\nCan also be `start` or `end` for the menu side.\nThis is used to find the correct menu to toggle.\n\nIf this property is not used, `ion-menu-toggle` will toggle the\nfirst menu that is active.",
|
|
3191
2355
|
"options": []
|
|
3192
2356
|
},
|
|
3193
|
-
"ion-menu-toggle/mode": {
|
|
3194
|
-
"type": "\"ios\" | \"md\"",
|
|
3195
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
3196
|
-
"options": [
|
|
3197
|
-
"ios",
|
|
3198
|
-
"md"
|
|
3199
|
-
]
|
|
3200
|
-
},
|
|
3201
|
-
"ion-menu-toggle/theme": {
|
|
3202
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3203
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3204
|
-
"options": [
|
|
3205
|
-
"ios",
|
|
3206
|
-
"md",
|
|
3207
|
-
"ionic"
|
|
3208
|
-
]
|
|
3209
|
-
},
|
|
3210
2357
|
"ion-modal/animated": {
|
|
3211
2358
|
"type": "boolean",
|
|
3212
2359
|
"description": "If `true`, the modal will animate.",
|
|
@@ -3292,7 +2439,7 @@
|
|
|
3292
2439
|
},
|
|
3293
2440
|
"ion-modal/mode": {
|
|
3294
2441
|
"type": "\"ios\" | \"md\"",
|
|
3295
|
-
"description": "The mode determines
|
|
2442
|
+
"description": "The mode determines which platform styles to use.",
|
|
3296
2443
|
"options": [
|
|
3297
2444
|
"ios",
|
|
3298
2445
|
"md"
|
|
@@ -3303,29 +2450,11 @@
|
|
|
3303
2450
|
"description": "The element that presented the modal. This is used for card presentation effects\nand for stacking multiple modals on top of each other. Only applies in iOS mode.",
|
|
3304
2451
|
"options": []
|
|
3305
2452
|
},
|
|
3306
|
-
"ion-modal/shape": {
|
|
3307
|
-
"type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
|
|
3308
|
-
"description": "Set to `\"soft\"` for a modal with slightly rounded corners,\n`\"round\"` for a modal with fully rounded corners, or `\"rectangular\"`\nfor a modal without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
|
|
3309
|
-
"options": [
|
|
3310
|
-
"rectangular",
|
|
3311
|
-
"round",
|
|
3312
|
-
"soft"
|
|
3313
|
-
]
|
|
3314
|
-
},
|
|
3315
2453
|
"ion-modal/show-backdrop": {
|
|
3316
2454
|
"type": "boolean",
|
|
3317
2455
|
"description": "If `true`, a backdrop will be displayed behind the modal.\nThis property controls whether or not the backdrop\ndarkens the screen when the modal is presented.\nIt does not control whether or not the backdrop\nis active or present in the DOM.",
|
|
3318
2456
|
"options": []
|
|
3319
2457
|
},
|
|
3320
|
-
"ion-modal/theme": {
|
|
3321
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3322
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3323
|
-
"options": [
|
|
3324
|
-
"ios",
|
|
3325
|
-
"md",
|
|
3326
|
-
"ionic"
|
|
3327
|
-
]
|
|
3328
|
-
},
|
|
3329
2458
|
"ion-modal/trigger": {
|
|
3330
2459
|
"type": "string | undefined",
|
|
3331
2460
|
"description": "An ID corresponding to the trigger element that\ncauses the modal to open when clicked.",
|
|
@@ -3338,17 +2467,9 @@
|
|
|
3338
2467
|
},
|
|
3339
2468
|
"ion-nav/animation": {
|
|
3340
2469
|
"type": "((baseEl: any, opts?: any) => Animation) | undefined",
|
|
3341
|
-
"description": "By default `ion-nav` animates transition between pages based
|
|
2470
|
+
"description": "By default `ion-nav` animates transition between pages based in the mode (ios or material design).\nHowever, this property allows to create custom transition using `AnimationBuilder` functions.",
|
|
3342
2471
|
"options": []
|
|
3343
2472
|
},
|
|
3344
|
-
"ion-nav/mode": {
|
|
3345
|
-
"type": "\"ios\" | \"md\"",
|
|
3346
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
3347
|
-
"options": [
|
|
3348
|
-
"ios",
|
|
3349
|
-
"md"
|
|
3350
|
-
]
|
|
3351
|
-
},
|
|
3352
2473
|
"ion-nav/root": {
|
|
3353
2474
|
"type": "Function | HTMLElement | ViewController | null | string | undefined",
|
|
3354
2475
|
"description": "Root NavComponent to load",
|
|
@@ -3364,15 +2485,6 @@
|
|
|
3364
2485
|
"description": "If the nav component should allow for swipe-to-go-back.",
|
|
3365
2486
|
"options": []
|
|
3366
2487
|
},
|
|
3367
|
-
"ion-nav/theme": {
|
|
3368
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3369
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3370
|
-
"options": [
|
|
3371
|
-
"ios",
|
|
3372
|
-
"md",
|
|
3373
|
-
"ionic"
|
|
3374
|
-
]
|
|
3375
|
-
},
|
|
3376
2488
|
"ion-nav-link/component": {
|
|
3377
2489
|
"type": "Function | HTMLElement | ViewController | null | string | undefined",
|
|
3378
2490
|
"description": "Component to navigate to. Only used if the `routerDirection` is `\"forward\"` or `\"root\"`.",
|
|
@@ -3383,14 +2495,6 @@
|
|
|
3383
2495
|
"description": "Data you want to pass to the component as props. Only used if the `\"routerDirection\"` is `\"forward\"` or `\"root\"`.",
|
|
3384
2496
|
"options": []
|
|
3385
2497
|
},
|
|
3386
|
-
"ion-nav-link/mode": {
|
|
3387
|
-
"type": "\"ios\" | \"md\"",
|
|
3388
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
3389
|
-
"options": [
|
|
3390
|
-
"ios",
|
|
3391
|
-
"md"
|
|
3392
|
-
]
|
|
3393
|
-
},
|
|
3394
2498
|
"ion-nav-link/router-animation": {
|
|
3395
2499
|
"type": "((baseEl: any, opts?: any) => Animation) | undefined",
|
|
3396
2500
|
"description": "The transition animation when navigating to another page.",
|
|
@@ -3405,15 +2509,6 @@
|
|
|
3405
2509
|
"root"
|
|
3406
2510
|
]
|
|
3407
2511
|
},
|
|
3408
|
-
"ion-nav-link/theme": {
|
|
3409
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3410
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3411
|
-
"options": [
|
|
3412
|
-
"ios",
|
|
3413
|
-
"md",
|
|
3414
|
-
"ionic"
|
|
3415
|
-
]
|
|
3416
|
-
},
|
|
3417
2512
|
"ion-note/color": {
|
|
3418
2513
|
"type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
|
|
3419
2514
|
"description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
|
|
@@ -3431,38 +2526,20 @@
|
|
|
3431
2526
|
},
|
|
3432
2527
|
"ion-note/mode": {
|
|
3433
2528
|
"type": "\"ios\" | \"md\"",
|
|
3434
|
-
"description": "The mode determines
|
|
2529
|
+
"description": "The mode determines which platform styles to use.",
|
|
3435
2530
|
"options": [
|
|
3436
2531
|
"ios",
|
|
3437
2532
|
"md"
|
|
3438
2533
|
]
|
|
3439
2534
|
},
|
|
3440
|
-
"ion-note/theme": {
|
|
3441
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3442
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3443
|
-
"options": [
|
|
3444
|
-
"ios",
|
|
3445
|
-
"md",
|
|
3446
|
-
"ionic"
|
|
3447
|
-
]
|
|
3448
|
-
},
|
|
3449
2535
|
"ion-picker/mode": {
|
|
3450
2536
|
"type": "\"ios\" | \"md\"",
|
|
3451
|
-
"description": "The mode determines
|
|
2537
|
+
"description": "The mode determines which platform styles to use.",
|
|
3452
2538
|
"options": [
|
|
3453
2539
|
"ios",
|
|
3454
2540
|
"md"
|
|
3455
2541
|
]
|
|
3456
2542
|
},
|
|
3457
|
-
"ion-picker/theme": {
|
|
3458
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3459
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3460
|
-
"options": [
|
|
3461
|
-
"ios",
|
|
3462
|
-
"md",
|
|
3463
|
-
"ionic"
|
|
3464
|
-
]
|
|
3465
|
-
},
|
|
3466
2543
|
"ion-picker-column/color": {
|
|
3467
2544
|
"type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
|
|
3468
2545
|
"description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
|
|
@@ -3485,21 +2562,12 @@
|
|
|
3485
2562
|
},
|
|
3486
2563
|
"ion-picker-column/mode": {
|
|
3487
2564
|
"type": "\"ios\" | \"md\"",
|
|
3488
|
-
"description": "The mode determines
|
|
2565
|
+
"description": "The mode determines which platform styles to use.",
|
|
3489
2566
|
"options": [
|
|
3490
2567
|
"ios",
|
|
3491
2568
|
"md"
|
|
3492
2569
|
]
|
|
3493
2570
|
},
|
|
3494
|
-
"ion-picker-column/theme": {
|
|
3495
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3496
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3497
|
-
"options": [
|
|
3498
|
-
"ios",
|
|
3499
|
-
"md",
|
|
3500
|
-
"ionic"
|
|
3501
|
-
]
|
|
3502
|
-
},
|
|
3503
2571
|
"ion-picker-column/value": {
|
|
3504
2572
|
"type": "number | string | undefined",
|
|
3505
2573
|
"description": "The selected option in the picker.",
|
|
@@ -3525,113 +2593,14 @@
|
|
|
3525
2593
|
"description": "If `true`, the user cannot interact with the picker column option.",
|
|
3526
2594
|
"options": []
|
|
3527
2595
|
},
|
|
3528
|
-
"ion-picker-column-option/mode": {
|
|
3529
|
-
"type": "\"ios\" | \"md\"",
|
|
3530
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
3531
|
-
"options": [
|
|
3532
|
-
"ios",
|
|
3533
|
-
"md"
|
|
3534
|
-
]
|
|
3535
|
-
},
|
|
3536
|
-
"ion-picker-column-option/theme": {
|
|
3537
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3538
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3539
|
-
"options": [
|
|
3540
|
-
"ios",
|
|
3541
|
-
"md",
|
|
3542
|
-
"ionic"
|
|
3543
|
-
]
|
|
3544
|
-
},
|
|
3545
2596
|
"ion-picker-column-option/value": {
|
|
3546
2597
|
"type": "any",
|
|
3547
2598
|
"description": "The text value of the option.",
|
|
3548
2599
|
"options": []
|
|
3549
2600
|
},
|
|
3550
|
-
"ion-picker-legacy/animated": {
|
|
3551
|
-
"type": "boolean",
|
|
3552
|
-
"description": "If `true`, the picker will animate.",
|
|
3553
|
-
"options": []
|
|
3554
|
-
},
|
|
3555
|
-
"ion-picker-legacy/backdrop-dismiss": {
|
|
3556
|
-
"type": "boolean",
|
|
3557
|
-
"description": "If `true`, the picker will be dismissed when the backdrop is clicked.",
|
|
3558
|
-
"options": []
|
|
3559
|
-
},
|
|
3560
|
-
"ion-picker-legacy/buttons": {
|
|
3561
|
-
"type": "PickerButton[]",
|
|
3562
|
-
"description": "Array of buttons to be displayed at the top of the picker.",
|
|
3563
|
-
"options": []
|
|
3564
|
-
},
|
|
3565
|
-
"ion-picker-legacy/columns": {
|
|
3566
|
-
"type": "PickerColumn[]",
|
|
3567
|
-
"description": "Array of columns to be displayed in the picker.",
|
|
3568
|
-
"options": []
|
|
3569
|
-
},
|
|
3570
|
-
"ion-picker-legacy/css-class": {
|
|
3571
|
-
"type": "string | string[] | undefined",
|
|
3572
|
-
"description": "Additional classes to apply for custom CSS. If multiple classes are\nprovided they should be separated by spaces.",
|
|
3573
|
-
"options": []
|
|
3574
|
-
},
|
|
3575
|
-
"ion-picker-legacy/duration": {
|
|
3576
|
-
"type": "number",
|
|
3577
|
-
"description": "Number of milliseconds to wait before dismissing the picker.",
|
|
3578
|
-
"options": []
|
|
3579
|
-
},
|
|
3580
|
-
"ion-picker-legacy/enter-animation": {
|
|
3581
|
-
"type": "((baseEl: any, opts?: any) => Animation) | undefined",
|
|
3582
|
-
"description": "Animation to use when the picker is presented.",
|
|
3583
|
-
"options": []
|
|
3584
|
-
},
|
|
3585
|
-
"ion-picker-legacy/html-attributes": {
|
|
3586
|
-
"type": "undefined | { [key: string]: any; }",
|
|
3587
|
-
"description": "Additional attributes to pass to the picker.",
|
|
3588
|
-
"options": []
|
|
3589
|
-
},
|
|
3590
|
-
"ion-picker-legacy/is-open": {
|
|
3591
|
-
"type": "boolean",
|
|
3592
|
-
"description": "If `true`, the picker will open. If `false`, the picker will close.\nUse this if you need finer grained control over presentation, otherwise\njust use the pickerController or the `trigger` property.\nNote: `isOpen` will not automatically be set back to `false` when\nthe picker dismisses. You will need to do that in your code.",
|
|
3593
|
-
"options": []
|
|
3594
|
-
},
|
|
3595
|
-
"ion-picker-legacy/keyboard-close": {
|
|
3596
|
-
"type": "boolean",
|
|
3597
|
-
"description": "If `true`, the keyboard will be automatically dismissed when the overlay is presented.",
|
|
3598
|
-
"options": []
|
|
3599
|
-
},
|
|
3600
|
-
"ion-picker-legacy/leave-animation": {
|
|
3601
|
-
"type": "((baseEl: any, opts?: any) => Animation) | undefined",
|
|
3602
|
-
"description": "Animation to use when the picker is dismissed.",
|
|
3603
|
-
"options": []
|
|
3604
|
-
},
|
|
3605
|
-
"ion-picker-legacy/mode": {
|
|
3606
|
-
"type": "\"ios\" | \"md\"",
|
|
3607
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
3608
|
-
"options": [
|
|
3609
|
-
"ios",
|
|
3610
|
-
"md"
|
|
3611
|
-
]
|
|
3612
|
-
},
|
|
3613
|
-
"ion-picker-legacy/show-backdrop": {
|
|
3614
|
-
"type": "boolean",
|
|
3615
|
-
"description": "If `true`, a backdrop will be displayed behind the picker.",
|
|
3616
|
-
"options": []
|
|
3617
|
-
},
|
|
3618
|
-
"ion-picker-legacy/theme": {
|
|
3619
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3620
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3621
|
-
"options": [
|
|
3622
|
-
"ios",
|
|
3623
|
-
"md",
|
|
3624
|
-
"ionic"
|
|
3625
|
-
]
|
|
3626
|
-
},
|
|
3627
|
-
"ion-picker-legacy/trigger": {
|
|
3628
|
-
"type": "string | undefined",
|
|
3629
|
-
"description": "An ID corresponding to the trigger element that\ncauses the picker to open when clicked.",
|
|
3630
|
-
"options": []
|
|
3631
|
-
},
|
|
3632
2601
|
"ion-popover/alignment": {
|
|
3633
2602
|
"type": "\"center\" | \"end\" | \"start\" | undefined",
|
|
3634
|
-
"description": "Describes how to align the popover content with the `reference` point.\nDefaults to `\"center\"` for
|
|
2603
|
+
"description": "Describes how to align the popover content with the `reference` point.\nDefaults to `\"center\"` for `ios` mode, and `\"start\"` for `md` mode.",
|
|
3635
2604
|
"options": [
|
|
3636
2605
|
"center",
|
|
3637
2606
|
"end",
|
|
@@ -3645,7 +2614,7 @@
|
|
|
3645
2614
|
},
|
|
3646
2615
|
"ion-popover/arrow": {
|
|
3647
2616
|
"type": "boolean",
|
|
3648
|
-
"description": "If `true`, the popover will display an arrow that points at the\n`reference`
|
|
2617
|
+
"description": "If `true`, the popover will display an arrow that points at the\n`reference` when running in `ios` mode. Does not apply in `md` mode.",
|
|
3649
2618
|
"options": []
|
|
3650
2619
|
},
|
|
3651
2620
|
"ion-popover/backdrop-dismiss": {
|
|
@@ -3710,7 +2679,7 @@
|
|
|
3710
2679
|
},
|
|
3711
2680
|
"ion-popover/mode": {
|
|
3712
2681
|
"type": "\"ios\" | \"md\"",
|
|
3713
|
-
"description": "The mode determines
|
|
2682
|
+
"description": "The mode determines which platform styles to use.",
|
|
3714
2683
|
"options": [
|
|
3715
2684
|
"ios",
|
|
3716
2685
|
"md"
|
|
@@ -3749,18 +2718,9 @@
|
|
|
3749
2718
|
"cover"
|
|
3750
2719
|
]
|
|
3751
2720
|
},
|
|
3752
|
-
"ion-popover/theme": {
|
|
3753
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3754
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3755
|
-
"options": [
|
|
3756
|
-
"ios",
|
|
3757
|
-
"md",
|
|
3758
|
-
"ionic"
|
|
3759
|
-
]
|
|
3760
|
-
},
|
|
3761
2721
|
"ion-popover/translucent": {
|
|
3762
2722
|
"type": "boolean",
|
|
3763
|
-
"description": "If `true`, the popover will be translucent.\nOnly applies when the
|
|
2723
|
+
"description": "If `true`, the popover will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
|
|
3764
2724
|
"options": []
|
|
3765
2725
|
},
|
|
3766
2726
|
"ion-popover/trigger": {
|
|
@@ -3799,7 +2759,7 @@
|
|
|
3799
2759
|
},
|
|
3800
2760
|
"ion-progress-bar/mode": {
|
|
3801
2761
|
"type": "\"ios\" | \"md\"",
|
|
3802
|
-
"description": "The mode determines
|
|
2762
|
+
"description": "The mode determines which platform styles to use.",
|
|
3803
2763
|
"options": [
|
|
3804
2764
|
"ios",
|
|
3805
2765
|
"md"
|
|
@@ -3810,23 +2770,6 @@
|
|
|
3810
2770
|
"description": "If true, reverse the progress bar direction.",
|
|
3811
2771
|
"options": []
|
|
3812
2772
|
},
|
|
3813
|
-
"ion-progress-bar/shape": {
|
|
3814
|
-
"type": "\"rectangular\" | \"round\" | undefined",
|
|
3815
|
-
"description": "Set to `\"round\"` for a progress bar with rounded corners, or `\"rectangular\"`\nfor a progress bar without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
|
|
3816
|
-
"options": [
|
|
3817
|
-
"rectangular",
|
|
3818
|
-
"round"
|
|
3819
|
-
]
|
|
3820
|
-
},
|
|
3821
|
-
"ion-progress-bar/theme": {
|
|
3822
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3823
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3824
|
-
"options": [
|
|
3825
|
-
"ios",
|
|
3826
|
-
"md",
|
|
3827
|
-
"ionic"
|
|
3828
|
-
]
|
|
3829
|
-
},
|
|
3830
2773
|
"ion-progress-bar/type": {
|
|
3831
2774
|
"type": "\"determinate\" | \"indeterminate\"",
|
|
3832
2775
|
"description": "The state of the progress bar, based on if the time the process takes is known or not.\nDefault options are: `\"determinate\"` (no animation), `\"indeterminate\"` (animate from left to right).",
|
|
@@ -3889,7 +2832,7 @@
|
|
|
3889
2832
|
},
|
|
3890
2833
|
"ion-radio/mode": {
|
|
3891
2834
|
"type": "\"ios\" | \"md\"",
|
|
3892
|
-
"description": "The mode determines
|
|
2835
|
+
"description": "The mode determines which platform styles to use.",
|
|
3893
2836
|
"options": [
|
|
3894
2837
|
"ios",
|
|
3895
2838
|
"md"
|
|
@@ -3900,15 +2843,6 @@
|
|
|
3900
2843
|
"description": "The name of the control, which is submitted with the form data.",
|
|
3901
2844
|
"options": []
|
|
3902
2845
|
},
|
|
3903
|
-
"ion-radio/theme": {
|
|
3904
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3905
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3906
|
-
"options": [
|
|
3907
|
-
"ios",
|
|
3908
|
-
"md",
|
|
3909
|
-
"ionic"
|
|
3910
|
-
]
|
|
3911
|
-
},
|
|
3912
2846
|
"ion-radio/value": {
|
|
3913
2847
|
"type": "any",
|
|
3914
2848
|
"description": "the value of the radio.",
|
|
@@ -3934,28 +2868,11 @@
|
|
|
3934
2868
|
"description": "The helper text to display at the top of the radio group.",
|
|
3935
2869
|
"options": []
|
|
3936
2870
|
},
|
|
3937
|
-
"ion-radio-group/mode": {
|
|
3938
|
-
"type": "\"ios\" | \"md\"",
|
|
3939
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
3940
|
-
"options": [
|
|
3941
|
-
"ios",
|
|
3942
|
-
"md"
|
|
3943
|
-
]
|
|
3944
|
-
},
|
|
3945
2871
|
"ion-radio-group/name": {
|
|
3946
2872
|
"type": "string",
|
|
3947
2873
|
"description": "The name of the control, which is submitted with the form data.",
|
|
3948
2874
|
"options": []
|
|
3949
2875
|
},
|
|
3950
|
-
"ion-radio-group/theme": {
|
|
3951
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3952
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3953
|
-
"options": [
|
|
3954
|
-
"ios",
|
|
3955
|
-
"md",
|
|
3956
|
-
"ionic"
|
|
3957
|
-
]
|
|
3958
|
-
},
|
|
3959
2876
|
"ion-radio-group/value": {
|
|
3960
2877
|
"type": "any",
|
|
3961
2878
|
"description": "the value of the radio group.",
|
|
@@ -4023,7 +2940,7 @@
|
|
|
4023
2940
|
},
|
|
4024
2941
|
"ion-range/mode": {
|
|
4025
2942
|
"type": "\"ios\" | \"md\"",
|
|
4026
|
-
"description": "The mode determines
|
|
2943
|
+
"description": "The mode determines which platform styles to use.",
|
|
4027
2944
|
"options": [
|
|
4028
2945
|
"ios",
|
|
4029
2946
|
"md"
|
|
@@ -4054,15 +2971,6 @@
|
|
|
4054
2971
|
"description": "Specifies the value granularity.",
|
|
4055
2972
|
"options": []
|
|
4056
2973
|
},
|
|
4057
|
-
"ion-range/theme": {
|
|
4058
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4059
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4060
|
-
"options": [
|
|
4061
|
-
"ios",
|
|
4062
|
-
"md",
|
|
4063
|
-
"ionic"
|
|
4064
|
-
]
|
|
4065
|
-
},
|
|
4066
2974
|
"ion-range/ticks": {
|
|
4067
2975
|
"type": "boolean",
|
|
4068
2976
|
"description": "If `true`, tick marks are displayed based on the step value.\nOnly applies when `snaps` is `true`.",
|
|
@@ -4085,7 +2993,7 @@
|
|
|
4085
2993
|
},
|
|
4086
2994
|
"ion-refresher/mode": {
|
|
4087
2995
|
"type": "\"ios\" | \"md\"",
|
|
4088
|
-
"description": "The mode determines
|
|
2996
|
+
"description": "The mode determines which platform styles to use.",
|
|
4089
2997
|
"options": [
|
|
4090
2998
|
"ios",
|
|
4091
2999
|
"md"
|
|
@@ -4111,23 +3019,6 @@
|
|
|
4111
3019
|
"description": "Time it takes the refresher to snap back to the `refreshing` state.\nDoes not apply when the refresher content uses a spinner,\nenabling the native refresher.",
|
|
4112
3020
|
"options": []
|
|
4113
3021
|
},
|
|
4114
|
-
"ion-refresher/theme": {
|
|
4115
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4116
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4117
|
-
"options": [
|
|
4118
|
-
"ios",
|
|
4119
|
-
"md",
|
|
4120
|
-
"ionic"
|
|
4121
|
-
]
|
|
4122
|
-
},
|
|
4123
|
-
"ion-refresher-content/mode": {
|
|
4124
|
-
"type": "\"ios\" | \"md\"",
|
|
4125
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
4126
|
-
"options": [
|
|
4127
|
-
"ios",
|
|
4128
|
-
"md"
|
|
4129
|
-
]
|
|
4130
|
-
},
|
|
4131
3022
|
"ion-refresher-content/pulling-icon": {
|
|
4132
3023
|
"type": "null | string | undefined",
|
|
4133
3024
|
"description": "A static icon or a spinner to display when you begin to pull down.\nA spinner name can be provided to gradually show tick marks\nwhen pulling down on iOS devices.",
|
|
@@ -4158,71 +3049,11 @@
|
|
|
4158
3049
|
"description": "The text you want to display when performing a refresh.\n`refreshingText` can accept either plaintext or HTML as a string.\nTo display characters normally reserved for HTML, they\nmust be escaped. For example `<Ionic>` would become\n`<Ionic>`\n\nFor more information: [Security Documentation](https://ionicframework.com/docs/faq/security)\n\nContent is parsed as plaintext by default.\n`innerHTMLTemplatesEnabled` must be set to `true` in the Ionic config\nbefore custom HTML can be used.",
|
|
4159
3050
|
"options": []
|
|
4160
3051
|
},
|
|
4161
|
-
"ion-refresher-content/theme": {
|
|
4162
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4163
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4164
|
-
"options": [
|
|
4165
|
-
"ios",
|
|
4166
|
-
"md",
|
|
4167
|
-
"ionic"
|
|
4168
|
-
]
|
|
4169
|
-
},
|
|
4170
|
-
"ion-reorder/mode": {
|
|
4171
|
-
"type": "\"ios\" | \"md\"",
|
|
4172
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
4173
|
-
"options": [
|
|
4174
|
-
"ios",
|
|
4175
|
-
"md"
|
|
4176
|
-
]
|
|
4177
|
-
},
|
|
4178
|
-
"ion-reorder/theme": {
|
|
4179
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4180
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4181
|
-
"options": [
|
|
4182
|
-
"ios",
|
|
4183
|
-
"md",
|
|
4184
|
-
"ionic"
|
|
4185
|
-
]
|
|
4186
|
-
},
|
|
4187
3052
|
"ion-reorder-group/disabled": {
|
|
4188
3053
|
"type": "boolean",
|
|
4189
3054
|
"description": "If `true`, the reorder will be hidden.",
|
|
4190
3055
|
"options": []
|
|
4191
3056
|
},
|
|
4192
|
-
"ion-reorder-group/mode": {
|
|
4193
|
-
"type": "\"ios\" | \"md\"",
|
|
4194
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
4195
|
-
"options": [
|
|
4196
|
-
"ios",
|
|
4197
|
-
"md"
|
|
4198
|
-
]
|
|
4199
|
-
},
|
|
4200
|
-
"ion-reorder-group/theme": {
|
|
4201
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4202
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4203
|
-
"options": [
|
|
4204
|
-
"ios",
|
|
4205
|
-
"md",
|
|
4206
|
-
"ionic"
|
|
4207
|
-
]
|
|
4208
|
-
},
|
|
4209
|
-
"ion-ripple-effect/mode": {
|
|
4210
|
-
"type": "\"ios\" | \"md\"",
|
|
4211
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
4212
|
-
"options": [
|
|
4213
|
-
"ios",
|
|
4214
|
-
"md"
|
|
4215
|
-
]
|
|
4216
|
-
},
|
|
4217
|
-
"ion-ripple-effect/theme": {
|
|
4218
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4219
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4220
|
-
"options": [
|
|
4221
|
-
"ios",
|
|
4222
|
-
"md",
|
|
4223
|
-
"ionic"
|
|
4224
|
-
]
|
|
4225
|
-
},
|
|
4226
3057
|
"ion-ripple-effect/type": {
|
|
4227
3058
|
"type": "\"bounded\" | \"unbounded\"",
|
|
4228
3059
|
"description": "Sets the type of ripple-effect:\n\n- `bounded`: the ripple effect expands from the user's click position\n- `unbounded`: the ripple effect expands from the center of the button and overflows the container.\n\nNOTE: Surfaces for bounded ripples should have the overflow property set to hidden,\nwhile surfaces for unbounded ripples should have it set to visible.",
|
|
@@ -4251,23 +3082,6 @@
|
|
|
4251
3082
|
"description": "A key value `{ 'red': true, 'blue': 'white'}` containing props that should be passed\nto the defined component when rendered.",
|
|
4252
3083
|
"options": []
|
|
4253
3084
|
},
|
|
4254
|
-
"ion-route/mode": {
|
|
4255
|
-
"type": "\"ios\" | \"md\"",
|
|
4256
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
4257
|
-
"options": [
|
|
4258
|
-
"ios",
|
|
4259
|
-
"md"
|
|
4260
|
-
]
|
|
4261
|
-
},
|
|
4262
|
-
"ion-route/theme": {
|
|
4263
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4264
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4265
|
-
"options": [
|
|
4266
|
-
"ios",
|
|
4267
|
-
"md",
|
|
4268
|
-
"ionic"
|
|
4269
|
-
]
|
|
4270
|
-
},
|
|
4271
3085
|
"ion-route/url": {
|
|
4272
3086
|
"type": "string",
|
|
4273
3087
|
"description": "Relative path that needs to match in order for this route to apply.\n\nAccepts paths similar to expressjs so that you can define parameters\nin the url /foo/:bar where bar would be available in incoming props.",
|
|
@@ -4281,30 +3095,13 @@
|
|
|
4281
3095
|
"ion-route-redirect/to": {
|
|
4282
3096
|
"type": "null | string | undefined",
|
|
4283
3097
|
"description": "A redirect route, redirects \"from\" a URL \"to\" another URL. This property is that \"to\" URL.\nWhen the defined `ion-route-redirect` rule matches, the router will redirect to the path\nspecified in this property.\n\nThe value of this property is always an absolute path inside the scope of routes defined in\n`ion-router` it can't be used with another router or to perform a redirection to a different domain.\n\nNote that this is a virtual redirect, it will not cause a real browser refresh, again, it's\na redirect inside the context of ion-router.\n\nWhen this property is not specified or his value is `undefined` the whole redirect route is noop,\neven if the \"from\" value matches.",
|
|
4284
|
-
"options": []
|
|
4285
|
-
},
|
|
4286
|
-
"ion-router/mode": {
|
|
4287
|
-
"type": "\"ios\" | \"md\"",
|
|
4288
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
4289
|
-
"options": [
|
|
4290
|
-
"ios",
|
|
4291
|
-
"md"
|
|
4292
|
-
]
|
|
3098
|
+
"options": []
|
|
4293
3099
|
},
|
|
4294
3100
|
"ion-router/root": {
|
|
4295
3101
|
"type": "string",
|
|
4296
3102
|
"description": "The root path to use when matching URLs. By default, this is set to \"/\", but you can specify\nan alternate prefix for all URL paths.",
|
|
4297
3103
|
"options": []
|
|
4298
3104
|
},
|
|
4299
|
-
"ion-router/theme": {
|
|
4300
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4301
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4302
|
-
"options": [
|
|
4303
|
-
"ios",
|
|
4304
|
-
"md",
|
|
4305
|
-
"ionic"
|
|
4306
|
-
]
|
|
4307
|
-
},
|
|
4308
3105
|
"ion-router/use-hash": {
|
|
4309
3106
|
"type": "boolean",
|
|
4310
3107
|
"description": "The router can work in two \"modes\":\n- With hash: `/index.html#/path/to/page`\n- Without hash: `/path/to/page`\n\nUsing one or another might depend in the requirements of your app and/or where it's deployed.\n\nUsually \"hash-less\" navigation works better for SEO and it's more user friendly too, but it might\nrequires additional server-side configuration in order to properly work.\n\nOn the other side hash-navigation is much easier to deploy, it even works over the file protocol.\n\nBy default, this property is `true`, change to `false` to allow hash-less URLs.",
|
|
@@ -4330,14 +3127,6 @@
|
|
|
4330
3127
|
"description": "Contains a URL or a URL fragment that the hyperlink points to.\nIf this property is set, an anchor tag will be rendered.",
|
|
4331
3128
|
"options": []
|
|
4332
3129
|
},
|
|
4333
|
-
"ion-router-link/mode": {
|
|
4334
|
-
"type": "\"ios\" | \"md\"",
|
|
4335
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
4336
|
-
"options": [
|
|
4337
|
-
"ios",
|
|
4338
|
-
"md"
|
|
4339
|
-
]
|
|
4340
|
-
},
|
|
4341
3130
|
"ion-router-link/rel": {
|
|
4342
3131
|
"type": "string | undefined",
|
|
4343
3132
|
"description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).",
|
|
@@ -4362,15 +3151,6 @@
|
|
|
4362
3151
|
"description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
|
|
4363
3152
|
"options": []
|
|
4364
3153
|
},
|
|
4365
|
-
"ion-router-link/theme": {
|
|
4366
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4367
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4368
|
-
"options": [
|
|
4369
|
-
"ios",
|
|
4370
|
-
"md",
|
|
4371
|
-
"ionic"
|
|
4372
|
-
]
|
|
4373
|
-
},
|
|
4374
3154
|
"ion-router-outlet/animated": {
|
|
4375
3155
|
"type": "boolean",
|
|
4376
3156
|
"description": "If `true`, the router-outlet should animate the transition of components.",
|
|
@@ -4383,37 +3163,16 @@
|
|
|
4383
3163
|
},
|
|
4384
3164
|
"ion-router-outlet/mode": {
|
|
4385
3165
|
"type": "\"ios\" | \"md\"",
|
|
4386
|
-
"description": "The mode determines
|
|
4387
|
-
"options": [
|
|
4388
|
-
"ios",
|
|
4389
|
-
"md"
|
|
4390
|
-
]
|
|
4391
|
-
},
|
|
4392
|
-
"ion-router-outlet/theme": {
|
|
4393
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4394
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4395
|
-
"options": [
|
|
4396
|
-
"ios",
|
|
4397
|
-
"md",
|
|
4398
|
-
"ionic"
|
|
4399
|
-
]
|
|
4400
|
-
},
|
|
4401
|
-
"ion-row/mode": {
|
|
4402
|
-
"type": "\"ios\" | \"md\"",
|
|
4403
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
3166
|
+
"description": "The mode determines which platform styles to use.",
|
|
4404
3167
|
"options": [
|
|
4405
3168
|
"ios",
|
|
4406
3169
|
"md"
|
|
4407
3170
|
]
|
|
4408
3171
|
},
|
|
4409
|
-
"ion-
|
|
4410
|
-
"type": "
|
|
4411
|
-
"description": "
|
|
4412
|
-
"options": [
|
|
4413
|
-
"ios",
|
|
4414
|
-
"md",
|
|
4415
|
-
"ionic"
|
|
4416
|
-
]
|
|
3172
|
+
"ion-router-outlet/swipe-gesture": {
|
|
3173
|
+
"type": "boolean | undefined",
|
|
3174
|
+
"description": "If `true`, the router-outlet should allow navigation via swipe-to-go-back gesture.\nDefaults to `true` for `\"ios\"` mode and `false` for `\"md\"` mode.",
|
|
3175
|
+
"options": []
|
|
4417
3176
|
},
|
|
4418
3177
|
"ion-searchbar/animated": {
|
|
4419
3178
|
"type": "boolean",
|
|
@@ -4486,26 +3245,23 @@
|
|
|
4486
3245
|
]
|
|
4487
3246
|
},
|
|
4488
3247
|
"ion-searchbar/autocorrect": {
|
|
4489
|
-
"type": "
|
|
3248
|
+
"type": "boolean",
|
|
4490
3249
|
"description": "Set the input's autocorrect property.",
|
|
4491
|
-
"options": [
|
|
4492
|
-
"off",
|
|
4493
|
-
"on"
|
|
4494
|
-
]
|
|
3250
|
+
"options": []
|
|
4495
3251
|
},
|
|
4496
3252
|
"ion-searchbar/cancel-button-icon": {
|
|
4497
|
-
"type": "string
|
|
4498
|
-
"description": "Set the cancel button icon. Only
|
|
3253
|
+
"type": "string",
|
|
3254
|
+
"description": "Set the cancel button icon. Only applies to `md` mode.\nDefaults to `arrow-back-sharp`.",
|
|
4499
3255
|
"options": []
|
|
4500
3256
|
},
|
|
4501
3257
|
"ion-searchbar/cancel-button-text": {
|
|
4502
3258
|
"type": "string",
|
|
4503
|
-
"description": "Set the cancel button text. Only
|
|
3259
|
+
"description": "Set the cancel button text. Only applies to `ios` mode.",
|
|
4504
3260
|
"options": []
|
|
4505
3261
|
},
|
|
4506
3262
|
"ion-searchbar/clear-icon": {
|
|
4507
3263
|
"type": "string | undefined",
|
|
4508
|
-
"description": "Set the clear icon. Defaults to
|
|
3264
|
+
"description": "Set the clear icon. Defaults to `close-circle` for `ios` and `close-sharp` for `md`.",
|
|
4509
3265
|
"options": []
|
|
4510
3266
|
},
|
|
4511
3267
|
"ion-searchbar/color": {
|
|
@@ -4572,7 +3328,7 @@
|
|
|
4572
3328
|
},
|
|
4573
3329
|
"ion-searchbar/mode": {
|
|
4574
3330
|
"type": "\"ios\" | \"md\"",
|
|
4575
|
-
"description": "The mode determines
|
|
3331
|
+
"description": "The mode determines which platform styles to use.",
|
|
4576
3332
|
"options": [
|
|
4577
3333
|
"ios",
|
|
4578
3334
|
"md"
|
|
@@ -4589,19 +3345,10 @@
|
|
|
4589
3345
|
"options": []
|
|
4590
3346
|
},
|
|
4591
3347
|
"ion-searchbar/search-icon": {
|
|
4592
|
-
"type": "
|
|
4593
|
-
"description": "The icon to use as the search icon. Defaults to
|
|
3348
|
+
"type": "string | undefined",
|
|
3349
|
+
"description": "The icon to use as the search icon. Defaults to `search-outline` in\n`ios` mode and `search-sharp` in `md` mode.",
|
|
4594
3350
|
"options": []
|
|
4595
3351
|
},
|
|
4596
|
-
"ion-searchbar/shape": {
|
|
4597
|
-
"type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
|
|
4598
|
-
"description": "Set to `\"soft\"` for a searchbar with slightly rounded corners,\n`\"round\"` for a searchbar with fully rounded corners,\nor `\"rectangular\"` for a searchbar without rounded corners.\n\nDefaults to `\"round\"` for the ionic theme, and `undefined` for all other themes.",
|
|
4599
|
-
"options": [
|
|
4600
|
-
"rectangular",
|
|
4601
|
-
"round",
|
|
4602
|
-
"soft"
|
|
4603
|
-
]
|
|
4604
|
-
},
|
|
4605
3352
|
"ion-searchbar/show-cancel-button": {
|
|
4606
3353
|
"type": "\"always\" | \"focus\" | \"never\"",
|
|
4607
3354
|
"description": "Sets the behavior for the cancel button. Defaults to `\"never\"`.\nSetting to `\"focus\"` shows the cancel button on focus.\nSetting to `\"never\"` hides the cancel button.\nSetting to `\"always\"` shows the cancel button regardless\nof focus state.",
|
|
@@ -4620,29 +3367,11 @@
|
|
|
4620
3367
|
"never"
|
|
4621
3368
|
]
|
|
4622
3369
|
},
|
|
4623
|
-
"ion-searchbar/size": {
|
|
4624
|
-
"type": "\"large\" | \"medium\" | \"small\" | undefined",
|
|
4625
|
-
"description": "Set to `\"large\"` for a searchbar with an increase in height,\nwhile \"small\" and \"medium\" provide progressively smaller heights.\n\nDefaults to `\"medium\"` for the ionic theme, and `undefined` for all other themes.",
|
|
4626
|
-
"options": [
|
|
4627
|
-
"large",
|
|
4628
|
-
"medium",
|
|
4629
|
-
"small"
|
|
4630
|
-
]
|
|
4631
|
-
},
|
|
4632
3370
|
"ion-searchbar/spellcheck": {
|
|
4633
3371
|
"type": "boolean",
|
|
4634
3372
|
"description": "If `true`, enable spellcheck on the input.",
|
|
4635
3373
|
"options": []
|
|
4636
3374
|
},
|
|
4637
|
-
"ion-searchbar/theme": {
|
|
4638
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4639
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4640
|
-
"options": [
|
|
4641
|
-
"ios",
|
|
4642
|
-
"md",
|
|
4643
|
-
"ionic"
|
|
4644
|
-
]
|
|
4645
|
-
},
|
|
4646
3375
|
"ion-searchbar/type": {
|
|
4647
3376
|
"type": "\"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"",
|
|
4648
3377
|
"description": "Set the type of the input.",
|
|
@@ -4683,7 +3412,7 @@
|
|
|
4683
3412
|
},
|
|
4684
3413
|
"ion-segment/mode": {
|
|
4685
3414
|
"type": "\"ios\" | \"md\"",
|
|
4686
|
-
"description": "The mode determines
|
|
3415
|
+
"description": "The mode determines which platform styles to use.",
|
|
4687
3416
|
"options": [
|
|
4688
3417
|
"ios",
|
|
4689
3418
|
"md"
|
|
@@ -4704,15 +3433,6 @@
|
|
|
4704
3433
|
"description": "If `true`, users will be able to swipe between segment buttons to activate them.",
|
|
4705
3434
|
"options": []
|
|
4706
3435
|
},
|
|
4707
|
-
"ion-segment/theme": {
|
|
4708
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4709
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4710
|
-
"options": [
|
|
4711
|
-
"ios",
|
|
4712
|
-
"md",
|
|
4713
|
-
"ionic"
|
|
4714
|
-
]
|
|
4715
|
-
},
|
|
4716
3436
|
"ion-segment/value": {
|
|
4717
3437
|
"type": "number | string | undefined",
|
|
4718
3438
|
"description": "the value of the segment.",
|
|
@@ -4742,21 +3462,12 @@
|
|
|
4742
3462
|
},
|
|
4743
3463
|
"ion-segment-button/mode": {
|
|
4744
3464
|
"type": "\"ios\" | \"md\"",
|
|
4745
|
-
"description": "The mode determines
|
|
3465
|
+
"description": "The mode determines which platform styles to use.",
|
|
4746
3466
|
"options": [
|
|
4747
3467
|
"ios",
|
|
4748
3468
|
"md"
|
|
4749
3469
|
]
|
|
4750
3470
|
},
|
|
4751
|
-
"ion-segment-button/theme": {
|
|
4752
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4753
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4754
|
-
"options": [
|
|
4755
|
-
"ios",
|
|
4756
|
-
"md",
|
|
4757
|
-
"ionic"
|
|
4758
|
-
]
|
|
4759
|
-
},
|
|
4760
3471
|
"ion-segment-button/type": {
|
|
4761
3472
|
"type": "\"button\" | \"reset\" | \"submit\"",
|
|
4762
3473
|
"description": "The type of the button.",
|
|
@@ -4781,11 +3492,6 @@
|
|
|
4781
3492
|
"description": "If `true`, users will be able to swipe the segment view to navigate between segment contents.",
|
|
4782
3493
|
"options": []
|
|
4783
3494
|
},
|
|
4784
|
-
"ion-select/cancel-icon": {
|
|
4785
|
-
"type": "boolean",
|
|
4786
|
-
"description": "If `true`, the cancel button will display an icon instead of the `cancelText`.\nOnly applies when `interface` is set to `\"modal\"`. Has no effect on `\"action-sheet\"`,\n`\"alert\"`, or `\"popover\"` interfaces.\nWhen `cancelIcon` is `true`, the `cancelText` property is ignored for display\nbut is used as the accessible label for the icon button.",
|
|
4787
|
-
"options": []
|
|
4788
|
-
},
|
|
4789
3495
|
"ion-select/cancel-text": {
|
|
4790
3496
|
"type": "string",
|
|
4791
3497
|
"description": "The text to display on the cancel button.",
|
|
@@ -4823,12 +3529,12 @@
|
|
|
4823
3529
|
},
|
|
4824
3530
|
"ion-select/expanded-icon": {
|
|
4825
3531
|
"type": "string | undefined",
|
|
4826
|
-
"description": "The toggle icon to show when the select is open. If defined, the icon\nrotation behavior in
|
|
3532
|
+
"description": "The toggle icon to show when the select is open. If defined, the icon\nrotation behavior in `md` mode will be disabled. If undefined, `toggleIcon`\nwill be used for when the select is both open and closed.",
|
|
4827
3533
|
"options": []
|
|
4828
3534
|
},
|
|
4829
3535
|
"ion-select/fill": {
|
|
4830
3536
|
"type": "\"outline\" | \"solid\" | undefined",
|
|
4831
|
-
"description": "The fill for the item. If `\"solid\"` the item will have a background. If\n`\"outline\"` the item will be transparent with a border. Only available in
|
|
3537
|
+
"description": "The fill for the item. If `\"solid\"` the item will have a background. If\n`\"outline\"` the item will be transparent with a border. Only available in `md` mode.",
|
|
4832
3538
|
"options": [
|
|
4833
3539
|
"outline",
|
|
4834
3540
|
"solid"
|
|
@@ -4881,7 +3587,7 @@
|
|
|
4881
3587
|
},
|
|
4882
3588
|
"ion-select/mode": {
|
|
4883
3589
|
"type": "\"ios\" | \"md\"",
|
|
4884
|
-
"description": "The mode determines
|
|
3590
|
+
"description": "The mode determines which platform styles to use.",
|
|
4885
3591
|
"options": [
|
|
4886
3592
|
"ios",
|
|
4887
3593
|
"md"
|
|
@@ -4918,35 +3624,15 @@
|
|
|
4918
3624
|
"options": []
|
|
4919
3625
|
},
|
|
4920
3626
|
"ion-select/shape": {
|
|
4921
|
-
"type": "\"
|
|
4922
|
-
"description": "
|
|
4923
|
-
"options": [
|
|
4924
|
-
"rectangular",
|
|
4925
|
-
"round",
|
|
4926
|
-
"soft"
|
|
4927
|
-
]
|
|
4928
|
-
},
|
|
4929
|
-
"ion-select/size": {
|
|
4930
|
-
"type": "\"large\" | \"medium\" | \"small\" | undefined",
|
|
4931
|
-
"description": "The size of the select. If \"large\" it will increase the height of the select, while\n\"small\" and \"medium\" provide progressively smaller heights.\n\nDefaults to `\"medium\"` for the ionic theme, and undefined for all other themes.",
|
|
4932
|
-
"options": [
|
|
4933
|
-
"large",
|
|
4934
|
-
"medium",
|
|
4935
|
-
"small"
|
|
4936
|
-
]
|
|
4937
|
-
},
|
|
4938
|
-
"ion-select/theme": {
|
|
4939
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4940
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3627
|
+
"type": "\"round\" | undefined",
|
|
3628
|
+
"description": "The shape of the select. If \"round\" it will have an increased border radius.",
|
|
4941
3629
|
"options": [
|
|
4942
|
-
"
|
|
4943
|
-
"md",
|
|
4944
|
-
"ionic"
|
|
3630
|
+
"round"
|
|
4945
3631
|
]
|
|
4946
3632
|
},
|
|
4947
3633
|
"ion-select/toggle-icon": {
|
|
4948
3634
|
"type": "string | undefined",
|
|
4949
|
-
"description": "The toggle icon to use. Defaults to
|
|
3635
|
+
"description": "The toggle icon to use. Defaults to `chevronExpand` for `ios` mode,\nor `caretDownSharp` for `md` mode.",
|
|
4950
3636
|
"options": []
|
|
4951
3637
|
},
|
|
4952
3638
|
"ion-select/value": {
|
|
@@ -4954,11 +3640,6 @@
|
|
|
4954
3640
|
"description": "The value of the select.",
|
|
4955
3641
|
"options": []
|
|
4956
3642
|
},
|
|
4957
|
-
"ion-select-modal/cancel-icon": {
|
|
4958
|
-
"type": "boolean",
|
|
4959
|
-
"description": "If `true`, the cancel button will display a close icon instead of the `cancelText`.\nWhen `cancelIcon` is `true`, `cancelText` is not displayed visually but is still used\nas the accessible label (`aria-label`) for the button.",
|
|
4960
|
-
"options": []
|
|
4961
|
-
},
|
|
4962
3643
|
"ion-select-modal/cancel-text": {
|
|
4963
3644
|
"type": "string",
|
|
4964
3645
|
"description": "The text to display on the cancel button.",
|
|
@@ -4979,33 +3660,11 @@
|
|
|
4979
3660
|
"description": "",
|
|
4980
3661
|
"options": []
|
|
4981
3662
|
},
|
|
4982
|
-
"ion-select-option/description": {
|
|
4983
|
-
"type": "string | undefined",
|
|
4984
|
-
"description": "Text that is placed underneath the option text to provide additional details about the option.",
|
|
4985
|
-
"options": []
|
|
4986
|
-
},
|
|
4987
3663
|
"ion-select-option/disabled": {
|
|
4988
3664
|
"type": "boolean",
|
|
4989
3665
|
"description": "If `true`, the user cannot interact with the select option. This property does not apply when `interface=\"action-sheet\"` as `ion-action-sheet` does not allow for disabled buttons.",
|
|
4990
3666
|
"options": []
|
|
4991
3667
|
},
|
|
4992
|
-
"ion-select-option/mode": {
|
|
4993
|
-
"type": "\"ios\" | \"md\"",
|
|
4994
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
4995
|
-
"options": [
|
|
4996
|
-
"ios",
|
|
4997
|
-
"md"
|
|
4998
|
-
]
|
|
4999
|
-
},
|
|
5000
|
-
"ion-select-option/theme": {
|
|
5001
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5002
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5003
|
-
"options": [
|
|
5004
|
-
"ios",
|
|
5005
|
-
"md",
|
|
5006
|
-
"ionic"
|
|
5007
|
-
]
|
|
5008
|
-
},
|
|
5009
3668
|
"ion-select-option/value": {
|
|
5010
3669
|
"type": "any",
|
|
5011
3670
|
"description": "The text value of the option.",
|
|
@@ -5016,23 +3675,6 @@
|
|
|
5016
3675
|
"description": "If `true`, the skeleton text will animate.",
|
|
5017
3676
|
"options": []
|
|
5018
3677
|
},
|
|
5019
|
-
"ion-skeleton-text/mode": {
|
|
5020
|
-
"type": "\"ios\" | \"md\"",
|
|
5021
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
5022
|
-
"options": [
|
|
5023
|
-
"ios",
|
|
5024
|
-
"md"
|
|
5025
|
-
]
|
|
5026
|
-
},
|
|
5027
|
-
"ion-skeleton-text/theme": {
|
|
5028
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5029
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5030
|
-
"options": [
|
|
5031
|
-
"ios",
|
|
5032
|
-
"md",
|
|
5033
|
-
"ionic"
|
|
5034
|
-
]
|
|
5035
|
-
},
|
|
5036
3678
|
"ion-spinner/color": {
|
|
5037
3679
|
"type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
|
|
5038
3680
|
"description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
|
|
@@ -5053,14 +3695,6 @@
|
|
|
5053
3695
|
"description": "Duration of the spinner animation in milliseconds. The default varies based on the spinner.",
|
|
5054
3696
|
"options": []
|
|
5055
3697
|
},
|
|
5056
|
-
"ion-spinner/mode": {
|
|
5057
|
-
"type": "\"ios\" | \"md\"",
|
|
5058
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
5059
|
-
"options": [
|
|
5060
|
-
"ios",
|
|
5061
|
-
"md"
|
|
5062
|
-
]
|
|
5063
|
-
},
|
|
5064
3698
|
"ion-spinner/name": {
|
|
5065
3699
|
"type": "\"bubbles\" | \"circles\" | \"circular\" | \"crescent\" | \"dots\" | \"lines\" | \"lines-sharp\" | \"lines-sharp-small\" | \"lines-small\" | undefined",
|
|
5066
3700
|
"description": "The name of the SVG spinner to use. If a name is not provided, the platform's default\nspinner will be used.",
|
|
@@ -5081,26 +3715,6 @@
|
|
|
5081
3715
|
"description": "If `true`, the spinner's animation will be paused.",
|
|
5082
3716
|
"options": []
|
|
5083
3717
|
},
|
|
5084
|
-
"ion-spinner/size": {
|
|
5085
|
-
"type": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | undefined",
|
|
5086
|
-
"description": "Set to `\"xsmall\"` for the smallest size.\nSet to `\"small\"` for a smaller size.\nSet to `\"medium\"` for a medium size.\nSet to `\"large\"` for a large size.\nSet to `\"xlarge\"` for the largest size.\n\nDefaults to `\"xsmall\"` for the `ionic` theme, undefined for all other themes.",
|
|
5087
|
-
"options": [
|
|
5088
|
-
"large",
|
|
5089
|
-
"medium",
|
|
5090
|
-
"small",
|
|
5091
|
-
"xlarge",
|
|
5092
|
-
"xsmall"
|
|
5093
|
-
]
|
|
5094
|
-
},
|
|
5095
|
-
"ion-spinner/theme": {
|
|
5096
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5097
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5098
|
-
"options": [
|
|
5099
|
-
"ios",
|
|
5100
|
-
"md",
|
|
5101
|
-
"ionic"
|
|
5102
|
-
]
|
|
5103
|
-
},
|
|
5104
3718
|
"ion-split-pane/content-id": {
|
|
5105
3719
|
"type": "string | undefined",
|
|
5106
3720
|
"description": "The `id` of the main content. When using\na router this is typically `ion-router-outlet`.\nWhen not using a router, this is typically\nyour main view's `ion-content`. This is not the\nid of the `ion-content` inside of your `ion-menu`.",
|
|
@@ -5111,23 +3725,6 @@
|
|
|
5111
3725
|
"description": "If `true`, the split pane will be hidden.",
|
|
5112
3726
|
"options": []
|
|
5113
3727
|
},
|
|
5114
|
-
"ion-split-pane/mode": {
|
|
5115
|
-
"type": "\"ios\" | \"md\"",
|
|
5116
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
5117
|
-
"options": [
|
|
5118
|
-
"ios",
|
|
5119
|
-
"md"
|
|
5120
|
-
]
|
|
5121
|
-
},
|
|
5122
|
-
"ion-split-pane/theme": {
|
|
5123
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5124
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5125
|
-
"options": [
|
|
5126
|
-
"ios",
|
|
5127
|
-
"md",
|
|
5128
|
-
"ionic"
|
|
5129
|
-
]
|
|
5130
|
-
},
|
|
5131
3728
|
"ion-split-pane/when": {
|
|
5132
3729
|
"type": "boolean | string",
|
|
5133
3730
|
"description": "When the split-pane should be shown.\nCan be a CSS media query expression, or a shortcut expression.\nCan also be a boolean expression.",
|
|
@@ -5138,28 +3735,11 @@
|
|
|
5138
3735
|
"description": "The component to display inside of the tab.",
|
|
5139
3736
|
"options": []
|
|
5140
3737
|
},
|
|
5141
|
-
"ion-tab/mode": {
|
|
5142
|
-
"type": "\"ios\" | \"md\"",
|
|
5143
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
5144
|
-
"options": [
|
|
5145
|
-
"ios",
|
|
5146
|
-
"md"
|
|
5147
|
-
]
|
|
5148
|
-
},
|
|
5149
3738
|
"ion-tab/tab": {
|
|
5150
3739
|
"type": "string",
|
|
5151
3740
|
"description": "A tab id must be provided for each `ion-tab`. It's used internally to reference\nthe selected tab or by the router to switch between them.",
|
|
5152
3741
|
"options": []
|
|
5153
3742
|
},
|
|
5154
|
-
"ion-tab/theme": {
|
|
5155
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5156
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5157
|
-
"options": [
|
|
5158
|
-
"ios",
|
|
5159
|
-
"md",
|
|
5160
|
-
"ionic"
|
|
5161
|
-
]
|
|
5162
|
-
},
|
|
5163
3743
|
"ion-tab-bar/color": {
|
|
5164
3744
|
"type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
|
|
5165
3745
|
"description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
|
|
@@ -5175,22 +3755,9 @@
|
|
|
5175
3755
|
"warning"
|
|
5176
3756
|
]
|
|
5177
3757
|
},
|
|
5178
|
-
"ion-tab-bar/expand": {
|
|
5179
|
-
"type": "\"compact\" | \"full\"",
|
|
5180
|
-
"description": "Set to `\"compact\"` to display a width based on the items\ninside the tab bar. This value will only work for the\n`ionic` theme.\n\nSet to `\"full\"` to display a full width tab bar.\n\nDefaults to `\"full\"`.",
|
|
5181
|
-
"options": [
|
|
5182
|
-
"compact",
|
|
5183
|
-
"full"
|
|
5184
|
-
]
|
|
5185
|
-
},
|
|
5186
|
-
"ion-tab-bar/hide-on-scroll": {
|
|
5187
|
-
"type": "boolean",
|
|
5188
|
-
"description": "If `true`, the tab bar will be hidden when the user scrolls down\nand shown when the user scrolls up.\nOnly applies when the theme is `\"ionic\"` and `expand` is `\"compact\"`.",
|
|
5189
|
-
"options": []
|
|
5190
|
-
},
|
|
5191
3758
|
"ion-tab-bar/mode": {
|
|
5192
3759
|
"type": "\"ios\" | \"md\"",
|
|
5193
|
-
"description": "The mode determines
|
|
3760
|
+
"description": "The mode determines which platform styles to use.",
|
|
5194
3761
|
"options": [
|
|
5195
3762
|
"ios",
|
|
5196
3763
|
"md"
|
|
@@ -5201,27 +3768,9 @@
|
|
|
5201
3768
|
"description": "The selected tab component",
|
|
5202
3769
|
"options": []
|
|
5203
3770
|
},
|
|
5204
|
-
"ion-tab-bar/shape": {
|
|
5205
|
-
"type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
|
|
5206
|
-
"description": "Set to `\"soft\"` for a tab bar with slightly rounded corners,\n`\"round\"` for a tab bar with fully rounded corners, or\n`\"rectangular\"` for a tab bar without rounded corners.\n\nDefaults to `\"round\"` for the `\"ionic\"` theme, undefined for all other themes.",
|
|
5207
|
-
"options": [
|
|
5208
|
-
"rectangular",
|
|
5209
|
-
"round",
|
|
5210
|
-
"soft"
|
|
5211
|
-
]
|
|
5212
|
-
},
|
|
5213
|
-
"ion-tab-bar/theme": {
|
|
5214
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5215
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5216
|
-
"options": [
|
|
5217
|
-
"ios",
|
|
5218
|
-
"md",
|
|
5219
|
-
"ionic"
|
|
5220
|
-
]
|
|
5221
|
-
},
|
|
5222
3771
|
"ion-tab-bar/translucent": {
|
|
5223
3772
|
"type": "boolean",
|
|
5224
|
-
"description": "If `true`, the tab bar will be translucent.\nOnly applies when the
|
|
3773
|
+
"description": "If `true`, the tab bar will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
|
|
5225
3774
|
"options": []
|
|
5226
3775
|
},
|
|
5227
3776
|
"ion-tab-button/disabled": {
|
|
@@ -5253,7 +3802,7 @@
|
|
|
5253
3802
|
},
|
|
5254
3803
|
"ion-tab-button/mode": {
|
|
5255
3804
|
"type": "\"ios\" | \"md\"",
|
|
5256
|
-
"description": "The mode determines
|
|
3805
|
+
"description": "The mode determines which platform styles to use.",
|
|
5257
3806
|
"options": [
|
|
5258
3807
|
"ios",
|
|
5259
3808
|
"md"
|
|
@@ -5269,15 +3818,6 @@
|
|
|
5269
3818
|
"description": "The selected tab component",
|
|
5270
3819
|
"options": []
|
|
5271
3820
|
},
|
|
5272
|
-
"ion-tab-button/shape": {
|
|
5273
|
-
"type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
|
|
5274
|
-
"description": "Set to `\"soft\"` for a tab-button with slightly rounded corners,\n`\"round\"` for a tab-button with fully rounded corners, or `\"rectangular\"`\nfor a tab-button without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
|
|
5275
|
-
"options": [
|
|
5276
|
-
"rectangular",
|
|
5277
|
-
"round",
|
|
5278
|
-
"soft"
|
|
5279
|
-
]
|
|
5280
|
-
},
|
|
5281
3821
|
"ion-tab-button/tab": {
|
|
5282
3822
|
"type": "string | undefined",
|
|
5283
3823
|
"description": "A tab id must be provided for each `ion-tab`. It's used internally to reference\nthe selected tab or by the router to switch between them.",
|
|
@@ -5288,32 +3828,6 @@
|
|
|
5288
3828
|
"description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
|
|
5289
3829
|
"options": []
|
|
5290
3830
|
},
|
|
5291
|
-
"ion-tab-button/theme": {
|
|
5292
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5293
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5294
|
-
"options": [
|
|
5295
|
-
"ios",
|
|
5296
|
-
"md",
|
|
5297
|
-
"ionic"
|
|
5298
|
-
]
|
|
5299
|
-
},
|
|
5300
|
-
"ion-tabs/mode": {
|
|
5301
|
-
"type": "\"ios\" | \"md\"",
|
|
5302
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
5303
|
-
"options": [
|
|
5304
|
-
"ios",
|
|
5305
|
-
"md"
|
|
5306
|
-
]
|
|
5307
|
-
},
|
|
5308
|
-
"ion-tabs/theme": {
|
|
5309
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5310
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5311
|
-
"options": [
|
|
5312
|
-
"ios",
|
|
5313
|
-
"md",
|
|
5314
|
-
"ionic"
|
|
5315
|
-
]
|
|
5316
|
-
},
|
|
5317
3831
|
"ion-text/color": {
|
|
5318
3832
|
"type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
|
|
5319
3833
|
"description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
|
|
@@ -5331,21 +3845,12 @@
|
|
|
5331
3845
|
},
|
|
5332
3846
|
"ion-text/mode": {
|
|
5333
3847
|
"type": "\"ios\" | \"md\"",
|
|
5334
|
-
"description": "The mode determines
|
|
3848
|
+
"description": "The mode determines which platform styles to use.",
|
|
5335
3849
|
"options": [
|
|
5336
3850
|
"ios",
|
|
5337
3851
|
"md"
|
|
5338
3852
|
]
|
|
5339
3853
|
},
|
|
5340
|
-
"ion-text/theme": {
|
|
5341
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5342
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5343
|
-
"options": [
|
|
5344
|
-
"ios",
|
|
5345
|
-
"md",
|
|
5346
|
-
"ionic"
|
|
5347
|
-
]
|
|
5348
|
-
},
|
|
5349
3854
|
"ion-textarea/auto-grow": {
|
|
5350
3855
|
"type": "boolean",
|
|
5351
3856
|
"description": "If `true`, the textarea container will grow and shrink based\non the contents of the textarea.",
|
|
@@ -5426,7 +3931,7 @@
|
|
|
5426
3931
|
},
|
|
5427
3932
|
"ion-textarea/fill": {
|
|
5428
3933
|
"type": "\"outline\" | \"solid\" | undefined",
|
|
5429
|
-
"description": "The fill for the item. If `\"solid\"` the item will have a background. If\n`\"outline\"` the item will be transparent with a border. Only available
|
|
3934
|
+
"description": "The fill for the item. If `\"solid\"` the item will have a background. If\n`\"outline\"` the item will be transparent with a border. Only available in `md` mode.",
|
|
5430
3935
|
"options": [
|
|
5431
3936
|
"outline",
|
|
5432
3937
|
"solid"
|
|
@@ -5479,7 +3984,7 @@
|
|
|
5479
3984
|
},
|
|
5480
3985
|
"ion-textarea/mode": {
|
|
5481
3986
|
"type": "\"ios\" | \"md\"",
|
|
5482
|
-
"description": "The mode determines
|
|
3987
|
+
"description": "The mode determines which platform styles to use.",
|
|
5483
3988
|
"options": [
|
|
5484
3989
|
"ios",
|
|
5485
3990
|
"md"
|
|
@@ -5511,21 +4016,10 @@
|
|
|
5511
4016
|
"options": []
|
|
5512
4017
|
},
|
|
5513
4018
|
"ion-textarea/shape": {
|
|
5514
|
-
"type": "\"
|
|
5515
|
-
"description": "
|
|
5516
|
-
"options": [
|
|
5517
|
-
"rectangular",
|
|
5518
|
-
"round",
|
|
5519
|
-
"soft"
|
|
5520
|
-
]
|
|
5521
|
-
},
|
|
5522
|
-
"ion-textarea/size": {
|
|
5523
|
-
"type": "\"large\" | \"medium\" | \"small\" | undefined",
|
|
5524
|
-
"description": "The size of the textarea. If \"large\" it will increase the height of the textarea, while\n\"small\" and \"medium\" provide progressively smaller heights. The default size is \"medium\".\nThis property only applies to the `\"ionic\"` theme.",
|
|
4019
|
+
"type": "\"round\" | undefined",
|
|
4020
|
+
"description": "The shape of the textarea. If \"round\" it will have an increased border radius.",
|
|
5525
4021
|
"options": [
|
|
5526
|
-
"
|
|
5527
|
-
"medium",
|
|
5528
|
-
"small"
|
|
4022
|
+
"round"
|
|
5529
4023
|
]
|
|
5530
4024
|
},
|
|
5531
4025
|
"ion-textarea/spellcheck": {
|
|
@@ -5533,15 +4027,6 @@
|
|
|
5533
4027
|
"description": "If `true`, the element will have its spelling and grammar checked.",
|
|
5534
4028
|
"options": []
|
|
5535
4029
|
},
|
|
5536
|
-
"ion-textarea/theme": {
|
|
5537
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5538
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5539
|
-
"options": [
|
|
5540
|
-
"ios",
|
|
5541
|
-
"md",
|
|
5542
|
-
"ionic"
|
|
5543
|
-
]
|
|
5544
|
-
},
|
|
5545
4030
|
"ion-textarea/value": {
|
|
5546
4031
|
"type": "null | string | undefined",
|
|
5547
4032
|
"description": "The value of the textarea.",
|
|
@@ -5556,23 +4041,6 @@
|
|
|
5556
4041
|
"soft"
|
|
5557
4042
|
]
|
|
5558
4043
|
},
|
|
5559
|
-
"ion-thumbnail/mode": {
|
|
5560
|
-
"type": "\"ios\" | \"md\"",
|
|
5561
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
5562
|
-
"options": [
|
|
5563
|
-
"ios",
|
|
5564
|
-
"md"
|
|
5565
|
-
]
|
|
5566
|
-
},
|
|
5567
|
-
"ion-thumbnail/theme": {
|
|
5568
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5569
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5570
|
-
"options": [
|
|
5571
|
-
"ios",
|
|
5572
|
-
"md",
|
|
5573
|
-
"ionic"
|
|
5574
|
-
]
|
|
5575
|
-
},
|
|
5576
4044
|
"ion-title/color": {
|
|
5577
4045
|
"type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
|
|
5578
4046
|
"description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
|
|
@@ -5588,14 +4056,6 @@
|
|
|
5588
4056
|
"warning"
|
|
5589
4057
|
]
|
|
5590
4058
|
},
|
|
5591
|
-
"ion-title/mode": {
|
|
5592
|
-
"type": "\"ios\" | \"md\"",
|
|
5593
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
5594
|
-
"options": [
|
|
5595
|
-
"ios",
|
|
5596
|
-
"md"
|
|
5597
|
-
]
|
|
5598
|
-
},
|
|
5599
4059
|
"ion-title/size": {
|
|
5600
4060
|
"type": "\"large\" | \"small\" | undefined",
|
|
5601
4061
|
"description": "The size of the toolbar title.",
|
|
@@ -5604,15 +4064,6 @@
|
|
|
5604
4064
|
"small"
|
|
5605
4065
|
]
|
|
5606
4066
|
},
|
|
5607
|
-
"ion-title/theme": {
|
|
5608
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5609
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5610
|
-
"options": [
|
|
5611
|
-
"ios",
|
|
5612
|
-
"md",
|
|
5613
|
-
"ionic"
|
|
5614
|
-
]
|
|
5615
|
-
},
|
|
5616
4067
|
"ion-toast/animated": {
|
|
5617
4068
|
"type": "boolean",
|
|
5618
4069
|
"description": "If `true`, the toast will animate.",
|
|
@@ -5663,14 +4114,6 @@
|
|
|
5663
4114
|
"description": "Additional attributes to pass to the toast.",
|
|
5664
4115
|
"options": []
|
|
5665
4116
|
},
|
|
5666
|
-
"ion-toast/hue": {
|
|
5667
|
-
"type": "\"bold\" | \"subtle\" | undefined",
|
|
5668
|
-
"description": "Set to `\"bold\"` for a toast with vibrant, bold colors or to `\"subtle\"` for\na toast with muted, subtle colors.\n\nOnly applies to the `ionic` theme.",
|
|
5669
|
-
"options": [
|
|
5670
|
-
"bold",
|
|
5671
|
-
"subtle"
|
|
5672
|
-
]
|
|
5673
|
-
},
|
|
5674
4117
|
"ion-toast/icon": {
|
|
5675
4118
|
"type": "string | undefined",
|
|
5676
4119
|
"description": "The name of the icon to display, or the path to a valid SVG file. See `ion-icon`.\nhttps://ionic.io/ionicons",
|
|
@@ -5706,7 +4149,7 @@
|
|
|
5706
4149
|
},
|
|
5707
4150
|
"ion-toast/mode": {
|
|
5708
4151
|
"type": "\"ios\" | \"md\"",
|
|
5709
|
-
"description": "The mode determines
|
|
4152
|
+
"description": "The mode determines which platform styles to use.",
|
|
5710
4153
|
"options": [
|
|
5711
4154
|
"ios",
|
|
5712
4155
|
"md"
|
|
@@ -5726,15 +4169,6 @@
|
|
|
5726
4169
|
"description": "The element to anchor the toast's position to. Can be set as a direct reference\nor the ID of the element. With `position=\"bottom\"`, the toast will sit above the\nchosen element. With `position=\"top\"`, the toast will sit below the chosen element.\nWith `position=\"middle\"`, the value of `positionAnchor` is ignored.",
|
|
5727
4170
|
"options": []
|
|
5728
4171
|
},
|
|
5729
|
-
"ion-toast/shape": {
|
|
5730
|
-
"type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
|
|
5731
|
-
"description": "Set to `\"soft\"` for a toast with slightly rounded corners,\n`\"round\"` for a toast with fully rounded corners, or `\"rectangular\"`\nfor a toast without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
|
|
5732
|
-
"options": [
|
|
5733
|
-
"rectangular",
|
|
5734
|
-
"round",
|
|
5735
|
-
"soft"
|
|
5736
|
-
]
|
|
5737
|
-
},
|
|
5738
4172
|
"ion-toast/swipe-gesture": {
|
|
5739
4173
|
"type": "\"vertical\" | undefined",
|
|
5740
4174
|
"description": "If set to 'vertical', the Toast can be dismissed with\na swipe gesture. The swipe direction is determined by\nthe value of the `position` property:\n`top`: The Toast can be swiped up to dismiss.\n`bottom`: The Toast can be swiped down to dismiss.\n`middle`: The Toast can be swiped up or down to dismiss.",
|
|
@@ -5742,18 +4176,9 @@
|
|
|
5742
4176
|
"vertical"
|
|
5743
4177
|
]
|
|
5744
4178
|
},
|
|
5745
|
-
"ion-toast/theme": {
|
|
5746
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5747
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5748
|
-
"options": [
|
|
5749
|
-
"ios",
|
|
5750
|
-
"md",
|
|
5751
|
-
"ionic"
|
|
5752
|
-
]
|
|
5753
|
-
},
|
|
5754
4179
|
"ion-toast/translucent": {
|
|
5755
4180
|
"type": "boolean",
|
|
5756
|
-
"description": "If `true`, the toast will be translucent.\nOnly applies when the
|
|
4181
|
+
"description": "If `true`, the toast will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
|
|
5757
4182
|
"options": []
|
|
5758
4183
|
},
|
|
5759
4184
|
"ion-toast/trigger": {
|
|
@@ -5830,7 +4255,7 @@
|
|
|
5830
4255
|
},
|
|
5831
4256
|
"ion-toggle/mode": {
|
|
5832
4257
|
"type": "\"ios\" | \"md\"",
|
|
5833
|
-
"description": "The mode determines
|
|
4258
|
+
"description": "The mode determines which platform styles to use.",
|
|
5834
4259
|
"options": [
|
|
5835
4260
|
"ios",
|
|
5836
4261
|
"md"
|
|
@@ -5846,15 +4271,6 @@
|
|
|
5846
4271
|
"description": "If true, screen readers will announce it as a required field. This property\nworks only for accessibility purposes, it will not prevent the form from\nsubmitting if the value is invalid.",
|
|
5847
4272
|
"options": []
|
|
5848
4273
|
},
|
|
5849
|
-
"ion-toggle/theme": {
|
|
5850
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5851
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5852
|
-
"options": [
|
|
5853
|
-
"ios",
|
|
5854
|
-
"md",
|
|
5855
|
-
"ionic"
|
|
5856
|
-
]
|
|
5857
|
-
},
|
|
5858
4274
|
"ion-toggle/value": {
|
|
5859
4275
|
"type": "null | string | undefined",
|
|
5860
4276
|
"description": "The value of the toggle does not mean if it's checked or not, use the `checked`\nproperty for that.\n\nThe value of a toggle is analogous to the value of a `<input type=\"checkbox\">`,\nit's only used when the toggle participates in a native `<form>`.",
|
|
@@ -5877,28 +4293,10 @@
|
|
|
5877
4293
|
},
|
|
5878
4294
|
"ion-toolbar/mode": {
|
|
5879
4295
|
"type": "\"ios\" | \"md\"",
|
|
5880
|
-
"description": "The mode determines
|
|
4296
|
+
"description": "The mode determines which platform styles to use.",
|
|
5881
4297
|
"options": [
|
|
5882
4298
|
"ios",
|
|
5883
4299
|
"md"
|
|
5884
4300
|
]
|
|
5885
|
-
},
|
|
5886
|
-
"ion-toolbar/theme": {
|
|
5887
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5888
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5889
|
-
"options": [
|
|
5890
|
-
"ios",
|
|
5891
|
-
"md",
|
|
5892
|
-
"ionic"
|
|
5893
|
-
]
|
|
5894
|
-
},
|
|
5895
|
-
"ion-toolbar/title-placement": {
|
|
5896
|
-
"type": "\"center\" | \"end\" | \"start\" | undefined",
|
|
5897
|
-
"description": "Where to place the title relative to the other toolbar content.\n`\"start\"`: The title will appear to the left of the toolbar content in LTR and to the right in RTL.\n`\"center\"`: The title will appear in the center of the toolbar.\n`\"end\"`: The title will appear to the right of the toolbar content in LTR and to the left in RTL.\n\nOnly applies in the `ionic` theme.",
|
|
5898
|
-
"options": [
|
|
5899
|
-
"center",
|
|
5900
|
-
"end",
|
|
5901
|
-
"start"
|
|
5902
|
-
]
|
|
5903
4301
|
}
|
|
5904
4302
|
}
|