@ionic/vue 8.8.19-dev.11786610762.137bbb21 → 8.8.19-dev.11786730389.1a1927bf
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/README.md +1 -0
- 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 +372 -319
- 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 +31 -11
- package/dist/types/components/IonTabButton.d.ts +6 -6
- package/dist/types/components/IonTabs.d.ts +9 -9
- 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 -1719
- package/dist/vetur/tags.json +45 -266
- package/dist/web-types.json +213 -2043
- package/package.json +20 -10
- 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,23 +1252,6 @@
|
|
|
1683
1252
|
"start"
|
|
1684
1253
|
]
|
|
1685
1254
|
},
|
|
1686
|
-
"ion-fab/mode": {
|
|
1687
|
-
"type": "\"ios\" | \"md\"",
|
|
1688
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
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
1255
|
"ion-fab/vertical": {
|
|
1704
1256
|
"type": "\"bottom\" | \"center\" | \"top\" | undefined",
|
|
1705
1257
|
"description": "Where to align the fab vertically in the viewport.",
|
|
@@ -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
|
},
|
|
@@ -1756,7 +1308,7 @@
|
|
|
1756
1308
|
},
|
|
1757
1309
|
"ion-fab-button/mode": {
|
|
1758
1310
|
"type": "\"ios\" | \"md\"",
|
|
1759
|
-
"description": "The mode determines
|
|
1311
|
+
"description": "The mode determines which platform styles to use.",
|
|
1760
1312
|
"options": [
|
|
1761
1313
|
"ios",
|
|
1762
1314
|
"md"
|
|
@@ -1798,18 +1350,9 @@
|
|
|
1798
1350
|
"description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
|
|
1799
1351
|
"options": []
|
|
1800
1352
|
},
|
|
1801
|
-
"ion-fab-button/theme": {
|
|
1802
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
1803
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
1804
|
-
"options": [
|
|
1805
|
-
"ios",
|
|
1806
|
-
"md",
|
|
1807
|
-
"ionic"
|
|
1808
|
-
]
|
|
1809
|
-
},
|
|
1810
1353
|
"ion-fab-button/translucent": {
|
|
1811
1354
|
"type": "boolean",
|
|
1812
|
-
"description": "If `true`, the fab button will be translucent.\nOnly applies when the
|
|
1355
|
+
"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).",
|
|
1813
1356
|
"options": []
|
|
1814
1357
|
},
|
|
1815
1358
|
"ion-fab-button/type": {
|
|
@@ -1826,14 +1369,6 @@
|
|
|
1826
1369
|
"description": "If `true`, the fab list will show all fab buttons in the list.",
|
|
1827
1370
|
"options": []
|
|
1828
1371
|
},
|
|
1829
|
-
"ion-fab-list/mode": {
|
|
1830
|
-
"type": "\"ios\" | \"md\"",
|
|
1831
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
1832
|
-
"options": [
|
|
1833
|
-
"ios",
|
|
1834
|
-
"md"
|
|
1835
|
-
]
|
|
1836
|
-
},
|
|
1837
1372
|
"ion-fab-list/side": {
|
|
1838
1373
|
"type": "\"bottom\" | \"end\" | \"start\" | \"top\"",
|
|
1839
1374
|
"description": "The side the fab list will show on relative to the main fab button.",
|
|
@@ -1844,176 +1379,50 @@
|
|
|
1844
1379
|
"top"
|
|
1845
1380
|
]
|
|
1846
1381
|
},
|
|
1847
|
-
"ion-fab-list/theme": {
|
|
1848
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
1849
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
1850
|
-
"options": [
|
|
1851
|
-
"ios",
|
|
1852
|
-
"md",
|
|
1853
|
-
"ionic"
|
|
1854
|
-
]
|
|
1855
|
-
},
|
|
1856
1382
|
"ion-footer/collapse": {
|
|
1857
1383
|
"type": "\"fade\" | undefined",
|
|
1858
|
-
"description": "Describes the scroll effect that will be applied to the footer.\nOnly applies
|
|
1384
|
+
"description": "Describes the scroll effect that will be applied to the footer.\nOnly applies in iOS mode.",
|
|
1859
1385
|
"options": [
|
|
1860
1386
|
"fade"
|
|
1861
1387
|
]
|
|
1862
1388
|
},
|
|
1863
1389
|
"ion-footer/mode": {
|
|
1864
1390
|
"type": "\"ios\" | \"md\"",
|
|
1865
|
-
"description": "The mode determines
|
|
1391
|
+
"description": "The mode determines which platform styles to use.",
|
|
1866
1392
|
"options": [
|
|
1867
1393
|
"ios",
|
|
1868
1394
|
"md"
|
|
1869
1395
|
]
|
|
1870
1396
|
},
|
|
1871
|
-
"ion-footer/scroll-effect": {
|
|
1872
|
-
"type": "\"fade\" | \"hide\" | undefined",
|
|
1873
|
-
"description": "Describes the scroll effect that will be applied to the footer.\n`\"hide\"` slides the footer out of view when scrolling down and back in\nwhen scrolling up.\n`\"fade\"` fades the toolbar background on scroll.",
|
|
1874
|
-
"options": [
|
|
1875
|
-
"fade",
|
|
1876
|
-
"hide"
|
|
1877
|
-
]
|
|
1878
|
-
},
|
|
1879
|
-
"ion-footer/theme": {
|
|
1880
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
1881
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
1882
|
-
"options": [
|
|
1883
|
-
"ios",
|
|
1884
|
-
"md",
|
|
1885
|
-
"ionic"
|
|
1886
|
-
]
|
|
1887
|
-
},
|
|
1888
1397
|
"ion-footer/translucent": {
|
|
1889
1398
|
"type": "boolean",
|
|
1890
|
-
"description": "If `true`, the footer will be translucent.\nOnly applies when the
|
|
1891
|
-
"options": []
|
|
1892
|
-
},
|
|
1893
|
-
"ion-gallery/columns": {
|
|
1894
|
-
"type": "GalleryBreakpoints<string | number> | number | string",
|
|
1895
|
-
"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 }`).",
|
|
1896
|
-
"options": []
|
|
1897
|
-
},
|
|
1898
|
-
"ion-gallery/gap": {
|
|
1899
|
-
"type": "GalleryBreakpoints<string | number> | number | string",
|
|
1900
|
-
"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.",
|
|
1399
|
+
"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.",
|
|
1901
1400
|
"options": []
|
|
1902
1401
|
},
|
|
1903
|
-
"ion-gallery/layout": {
|
|
1904
|
-
"type": "\"masonry\" | \"uniform\"",
|
|
1905
|
-
"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.",
|
|
1906
|
-
"options": [
|
|
1907
|
-
"masonry",
|
|
1908
|
-
"uniform"
|
|
1909
|
-
]
|
|
1910
|
-
},
|
|
1911
|
-
"ion-gallery/mode": {
|
|
1912
|
-
"type": "\"ios\" | \"md\"",
|
|
1913
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
1914
|
-
"options": [
|
|
1915
|
-
"ios",
|
|
1916
|
-
"md"
|
|
1917
|
-
]
|
|
1918
|
-
},
|
|
1919
|
-
"ion-gallery/order": {
|
|
1920
|
-
"type": "\"best-fit\" | \"sequential\" | undefined",
|
|
1921
|
-
"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.",
|
|
1922
|
-
"options": [
|
|
1923
|
-
"best-fit",
|
|
1924
|
-
"sequential"
|
|
1925
|
-
]
|
|
1926
|
-
},
|
|
1927
|
-
"ion-gallery/theme": {
|
|
1928
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
1929
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
1930
|
-
"options": [
|
|
1931
|
-
"ios",
|
|
1932
|
-
"md",
|
|
1933
|
-
"ionic"
|
|
1934
|
-
]
|
|
1935
|
-
},
|
|
1936
|
-
"ion-gallery-item/mode": {
|
|
1937
|
-
"type": "\"ios\" | \"md\"",
|
|
1938
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
1939
|
-
"options": [
|
|
1940
|
-
"ios",
|
|
1941
|
-
"md"
|
|
1942
|
-
]
|
|
1943
|
-
},
|
|
1944
|
-
"ion-gallery-item/theme": {
|
|
1945
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
1946
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
1947
|
-
"options": [
|
|
1948
|
-
"ios",
|
|
1949
|
-
"md",
|
|
1950
|
-
"ionic"
|
|
1951
|
-
]
|
|
1952
|
-
},
|
|
1953
1402
|
"ion-grid/fixed": {
|
|
1954
1403
|
"type": "boolean",
|
|
1955
1404
|
"description": "If `true`, the grid will have a fixed width based on the screen size.",
|
|
1956
1405
|
"options": []
|
|
1957
1406
|
},
|
|
1958
|
-
"ion-grid/mode": {
|
|
1959
|
-
"type": "\"ios\" | \"md\"",
|
|
1960
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
1961
|
-
"options": [
|
|
1962
|
-
"ios",
|
|
1963
|
-
"md"
|
|
1964
|
-
]
|
|
1965
|
-
},
|
|
1966
|
-
"ion-grid/theme": {
|
|
1967
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
1968
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
1969
|
-
"options": [
|
|
1970
|
-
"ios",
|
|
1971
|
-
"md",
|
|
1972
|
-
"ionic"
|
|
1973
|
-
]
|
|
1974
|
-
},
|
|
1975
1407
|
"ion-header/collapse": {
|
|
1976
1408
|
"type": "\"condense\" | \"fade\" | undefined",
|
|
1977
|
-
"description": "Describes the scroll effect that will be applied to the header.\nOnly applies
|
|
1409
|
+
"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)",
|
|
1978
1410
|
"options": [
|
|
1979
1411
|
"condense",
|
|
1980
1412
|
"fade"
|
|
1981
1413
|
]
|
|
1982
1414
|
},
|
|
1983
|
-
"ion-header/divider": {
|
|
1984
|
-
"type": "boolean",
|
|
1985
|
-
"description": "If `true`, the header will have a line at the bottom.\nTODO(ROU-10855): add support for this prop on ios/md themes",
|
|
1986
|
-
"options": []
|
|
1987
|
-
},
|
|
1988
1415
|
"ion-header/mode": {
|
|
1989
1416
|
"type": "\"ios\" | \"md\"",
|
|
1990
|
-
"description": "The mode determines
|
|
1417
|
+
"description": "The mode determines which platform styles to use.",
|
|
1991
1418
|
"options": [
|
|
1992
1419
|
"ios",
|
|
1993
1420
|
"md"
|
|
1994
1421
|
]
|
|
1995
1422
|
},
|
|
1996
|
-
"ion-header/scroll-effect": {
|
|
1997
|
-
"type": "\"condense\" | \"fade\" | \"hide\" | undefined",
|
|
1998
|
-
"description": "Describes the scroll effect that will be applied to the header.\n`\"hide\"` slides the header out of view when scrolling down and back in\nwhen scrolling up.\n`\"condense\"` collapses the large title into the main toolbar on scroll.\n`\"fade\"` fades the toolbar background on scroll.",
|
|
1999
|
-
"options": [
|
|
2000
|
-
"condense",
|
|
2001
|
-
"fade",
|
|
2002
|
-
"hide"
|
|
2003
|
-
]
|
|
2004
|
-
},
|
|
2005
|
-
"ion-header/theme": {
|
|
2006
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2007
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2008
|
-
"options": [
|
|
2009
|
-
"ios",
|
|
2010
|
-
"md",
|
|
2011
|
-
"ionic"
|
|
2012
|
-
]
|
|
2013
|
-
},
|
|
2014
1423
|
"ion-header/translucent": {
|
|
2015
1424
|
"type": "boolean",
|
|
2016
|
-
"description": "If `true`, the header will be translucent.\nOnly applies when the
|
|
1425
|
+
"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.",
|
|
2017
1426
|
"options": []
|
|
2018
1427
|
},
|
|
2019
1428
|
"ion-img/alt": {
|
|
@@ -2021,41 +1430,16 @@
|
|
|
2021
1430
|
"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.",
|
|
2022
1431
|
"options": []
|
|
2023
1432
|
},
|
|
2024
|
-
"ion-img/mode": {
|
|
2025
|
-
"type": "\"ios\" | \"md\"",
|
|
2026
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
2027
|
-
"options": [
|
|
2028
|
-
"ios",
|
|
2029
|
-
"md"
|
|
2030
|
-
]
|
|
2031
|
-
},
|
|
2032
1433
|
"ion-img/src": {
|
|
2033
1434
|
"type": "string | undefined",
|
|
2034
1435
|
"description": "The image URL. This attribute is mandatory for the `<img>` element.",
|
|
2035
1436
|
"options": []
|
|
2036
1437
|
},
|
|
2037
|
-
"ion-img/theme": {
|
|
2038
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2039
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2040
|
-
"options": [
|
|
2041
|
-
"ios",
|
|
2042
|
-
"md",
|
|
2043
|
-
"ionic"
|
|
2044
|
-
]
|
|
2045
|
-
},
|
|
2046
1438
|
"ion-infinite-scroll/disabled": {
|
|
2047
1439
|
"type": "boolean",
|
|
2048
1440
|
"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.",
|
|
2049
1441
|
"options": []
|
|
2050
1442
|
},
|
|
2051
|
-
"ion-infinite-scroll/mode": {
|
|
2052
|
-
"type": "\"ios\" | \"md\"",
|
|
2053
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
2054
|
-
"options": [
|
|
2055
|
-
"ios",
|
|
2056
|
-
"md"
|
|
2057
|
-
]
|
|
2058
|
-
},
|
|
2059
1443
|
"ion-infinite-scroll/position": {
|
|
2060
1444
|
"type": "\"bottom\" | \"top\"",
|
|
2061
1445
|
"description": "The position of the infinite scroll element.\nThe value can be either `top` or `bottom`.",
|
|
@@ -2064,20 +1448,6 @@
|
|
|
2064
1448
|
"top"
|
|
2065
1449
|
]
|
|
2066
1450
|
},
|
|
2067
|
-
"ion-infinite-scroll/preserve-rerender-scroll-position": {
|
|
2068
|
-
"type": "boolean",
|
|
2069
|
-
"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.",
|
|
2070
|
-
"options": []
|
|
2071
|
-
},
|
|
2072
|
-
"ion-infinite-scroll/theme": {
|
|
2073
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2074
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2075
|
-
"options": [
|
|
2076
|
-
"ios",
|
|
2077
|
-
"md",
|
|
2078
|
-
"ionic"
|
|
2079
|
-
]
|
|
2080
|
-
},
|
|
2081
1451
|
"ion-infinite-scroll/threshold": {
|
|
2082
1452
|
"type": "string",
|
|
2083
1453
|
"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.",
|
|
@@ -2103,23 +1473,6 @@
|
|
|
2103
1473
|
"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.",
|
|
2104
1474
|
"options": []
|
|
2105
1475
|
},
|
|
2106
|
-
"ion-infinite-scroll-content/mode": {
|
|
2107
|
-
"type": "\"ios\" | \"md\"",
|
|
2108
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
2109
|
-
"options": [
|
|
2110
|
-
"ios",
|
|
2111
|
-
"md"
|
|
2112
|
-
]
|
|
2113
|
-
},
|
|
2114
|
-
"ion-infinite-scroll-content/theme": {
|
|
2115
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2116
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2117
|
-
"options": [
|
|
2118
|
-
"ios",
|
|
2119
|
-
"md",
|
|
2120
|
-
"ionic"
|
|
2121
|
-
]
|
|
2122
|
-
},
|
|
2123
1476
|
"ion-input/autocapitalize": {
|
|
2124
1477
|
"type": "string",
|
|
2125
1478
|
"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\"`.",
|
|
@@ -2186,12 +1539,9 @@
|
|
|
2186
1539
|
]
|
|
2187
1540
|
},
|
|
2188
1541
|
"ion-input/autocorrect": {
|
|
2189
|
-
"type": "
|
|
1542
|
+
"type": "boolean",
|
|
2190
1543
|
"description": "Whether auto correction should be enabled when the user is entering/editing the text value.",
|
|
2191
|
-
"options": [
|
|
2192
|
-
"off",
|
|
2193
|
-
"on"
|
|
2194
|
-
]
|
|
1544
|
+
"options": []
|
|
2195
1545
|
},
|
|
2196
1546
|
"ion-input/autofocus": {
|
|
2197
1547
|
"type": "boolean",
|
|
@@ -2268,7 +1618,7 @@
|
|
|
2268
1618
|
},
|
|
2269
1619
|
"ion-input/fill": {
|
|
2270
1620
|
"type": "\"outline\" | \"solid\" | undefined",
|
|
2271
|
-
"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
|
|
1621
|
+
"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.",
|
|
2272
1622
|
"options": [
|
|
2273
1623
|
"outline",
|
|
2274
1624
|
"solid"
|
|
@@ -2299,8 +1649,8 @@
|
|
|
2299
1649
|
"options": []
|
|
2300
1650
|
},
|
|
2301
1651
|
"ion-input/label-placement": {
|
|
2302
|
-
"type": "\"end\" | \"fixed\" | \"floating\" | \"stacked\" | \"start\"
|
|
2303
|
-
"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 (\"...\")
|
|
1652
|
+
"type": "\"end\" | \"fixed\" | \"floating\" | \"stacked\" | \"start\"",
|
|
1653
|
+
"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 (\"...\").",
|
|
2304
1654
|
"options": [
|
|
2305
1655
|
"end",
|
|
2306
1656
|
"fixed",
|
|
@@ -2331,7 +1681,7 @@
|
|
|
2331
1681
|
},
|
|
2332
1682
|
"ion-input/mode": {
|
|
2333
1683
|
"type": "\"ios\" | \"md\"",
|
|
2334
|
-
"description": "The mode determines
|
|
1684
|
+
"description": "The mode determines which platform styles to use.",
|
|
2335
1685
|
"options": [
|
|
2336
1686
|
"ios",
|
|
2337
1687
|
"md"
|
|
@@ -2368,21 +1718,10 @@
|
|
|
2368
1718
|
"options": []
|
|
2369
1719
|
},
|
|
2370
1720
|
"ion-input/shape": {
|
|
2371
|
-
"type": "\"
|
|
2372
|
-
"description": "
|
|
1721
|
+
"type": "\"round\" | undefined",
|
|
1722
|
+
"description": "The shape of the input. If \"round\" it will have an increased border radius.",
|
|
2373
1723
|
"options": [
|
|
2374
|
-
"
|
|
2375
|
-
"round",
|
|
2376
|
-
"soft"
|
|
2377
|
-
]
|
|
2378
|
-
},
|
|
2379
|
-
"ion-input/size": {
|
|
2380
|
-
"type": "\"large\" | \"medium\" | \"xlarge\" | undefined",
|
|
2381
|
-
"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.",
|
|
2382
|
-
"options": [
|
|
2383
|
-
"large",
|
|
2384
|
-
"medium",
|
|
2385
|
-
"xlarge"
|
|
1724
|
+
"round"
|
|
2386
1725
|
]
|
|
2387
1726
|
},
|
|
2388
1727
|
"ion-input/spellcheck": {
|
|
@@ -2395,15 +1734,6 @@
|
|
|
2395
1734
|
"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.",
|
|
2396
1735
|
"options": []
|
|
2397
1736
|
},
|
|
2398
|
-
"ion-input/theme": {
|
|
2399
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2400
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2401
|
-
"options": [
|
|
2402
|
-
"ios",
|
|
2403
|
-
"md",
|
|
2404
|
-
"ionic"
|
|
2405
|
-
]
|
|
2406
|
-
},
|
|
2407
1737
|
"ion-input/type": {
|
|
2408
1738
|
"type": "\"date\" | \"datetime-local\" | \"email\" | \"month\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"time\" | \"url\" | \"week\"",
|
|
2409
1739
|
"description": "The type of control to display. The default type is text.",
|
|
@@ -2479,14 +1809,6 @@
|
|
|
2479
1809
|
"description": "The number of input boxes to display.",
|
|
2480
1810
|
"options": []
|
|
2481
1811
|
},
|
|
2482
|
-
"ion-input-otp/mode": {
|
|
2483
|
-
"type": "\"ios\" | \"md\"",
|
|
2484
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
2485
|
-
"options": [
|
|
2486
|
-
"ios",
|
|
2487
|
-
"md"
|
|
2488
|
-
]
|
|
2489
|
-
},
|
|
2490
1812
|
"ion-input-otp/pattern": {
|
|
2491
1813
|
"type": "string | undefined",
|
|
2492
1814
|
"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}]\"`",
|
|
@@ -2520,15 +1842,6 @@
|
|
|
2520
1842
|
"small"
|
|
2521
1843
|
]
|
|
2522
1844
|
},
|
|
2523
|
-
"ion-input-otp/theme": {
|
|
2524
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2525
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2526
|
-
"options": [
|
|
2527
|
-
"ios",
|
|
2528
|
-
"md",
|
|
2529
|
-
"ionic"
|
|
2530
|
-
]
|
|
2531
|
-
},
|
|
2532
1845
|
"ion-input-otp/type": {
|
|
2533
1846
|
"type": "\"number\" | \"text\"",
|
|
2534
1847
|
"description": "The type of input allowed in the input boxes.",
|
|
@@ -2597,11 +1910,11 @@
|
|
|
2597
1910
|
},
|
|
2598
1911
|
"ion-item/detail": {
|
|
2599
1912
|
"type": "boolean | undefined",
|
|
2600
|
-
"description": "If `true`, a detail arrow will appear on the item. Defaults to `false` unless the `
|
|
1913
|
+
"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.",
|
|
2601
1914
|
"options": []
|
|
2602
1915
|
},
|
|
2603
1916
|
"ion-item/detail-icon": {
|
|
2604
|
-
"type": "string
|
|
1917
|
+
"type": "string",
|
|
2605
1918
|
"description": "The icon to use when `detail` is set to `true`.",
|
|
2606
1919
|
"options": []
|
|
2607
1920
|
},
|
|
@@ -2631,7 +1944,7 @@
|
|
|
2631
1944
|
},
|
|
2632
1945
|
"ion-item/mode": {
|
|
2633
1946
|
"type": "\"ios\" | \"md\"",
|
|
2634
|
-
"description": "The mode determines
|
|
1947
|
+
"description": "The mode determines which platform styles to use.",
|
|
2635
1948
|
"options": [
|
|
2636
1949
|
"ios",
|
|
2637
1950
|
"md"
|
|
@@ -2661,15 +1974,6 @@
|
|
|
2661
1974
|
"description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
|
|
2662
1975
|
"options": []
|
|
2663
1976
|
},
|
|
2664
|
-
"ion-item/theme": {
|
|
2665
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2666
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2667
|
-
"options": [
|
|
2668
|
-
"ios",
|
|
2669
|
-
"md",
|
|
2670
|
-
"ionic"
|
|
2671
|
-
]
|
|
2672
|
-
},
|
|
2673
1977
|
"ion-item/type": {
|
|
2674
1978
|
"type": "\"button\" | \"reset\" | \"submit\"",
|
|
2675
1979
|
"description": "The type of the button. Only used when an `onclick` or `button` property is present.",
|
|
@@ -2696,7 +2000,7 @@
|
|
|
2696
2000
|
},
|
|
2697
2001
|
"ion-item-divider/mode": {
|
|
2698
2002
|
"type": "\"ios\" | \"md\"",
|
|
2699
|
-
"description": "The mode determines
|
|
2003
|
+
"description": "The mode determines which platform styles to use.",
|
|
2700
2004
|
"options": [
|
|
2701
2005
|
"ios",
|
|
2702
2006
|
"md"
|
|
@@ -2707,32 +2011,6 @@
|
|
|
2707
2011
|
"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",
|
|
2708
2012
|
"options": []
|
|
2709
2013
|
},
|
|
2710
|
-
"ion-item-divider/theme": {
|
|
2711
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2712
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2713
|
-
"options": [
|
|
2714
|
-
"ios",
|
|
2715
|
-
"md",
|
|
2716
|
-
"ionic"
|
|
2717
|
-
]
|
|
2718
|
-
},
|
|
2719
|
-
"ion-item-group/mode": {
|
|
2720
|
-
"type": "\"ios\" | \"md\"",
|
|
2721
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
2722
|
-
"options": [
|
|
2723
|
-
"ios",
|
|
2724
|
-
"md"
|
|
2725
|
-
]
|
|
2726
|
-
},
|
|
2727
|
-
"ion-item-group/theme": {
|
|
2728
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2729
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2730
|
-
"options": [
|
|
2731
|
-
"ios",
|
|
2732
|
-
"md",
|
|
2733
|
-
"ionic"
|
|
2734
|
-
]
|
|
2735
|
-
},
|
|
2736
2014
|
"ion-item-option/color": {
|
|
2737
2015
|
"type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
|
|
2738
2016
|
"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).",
|
|
@@ -2768,17 +2046,9 @@
|
|
|
2768
2046
|
"description": "Contains a URL or a URL fragment that the hyperlink points to.\nIf this property is set, an anchor tag will be rendered.",
|
|
2769
2047
|
"options": []
|
|
2770
2048
|
},
|
|
2771
|
-
"ion-item-option/hue": {
|
|
2772
|
-
"type": "\"bold\" | \"subtle\" | undefined",
|
|
2773
|
-
"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.",
|
|
2774
|
-
"options": [
|
|
2775
|
-
"bold",
|
|
2776
|
-
"subtle"
|
|
2777
|
-
]
|
|
2778
|
-
},
|
|
2779
2049
|
"ion-item-option/mode": {
|
|
2780
2050
|
"type": "\"ios\" | \"md\"",
|
|
2781
|
-
"description": "The mode determines
|
|
2051
|
+
"description": "The mode determines which platform styles to use.",
|
|
2782
2052
|
"options": [
|
|
2783
2053
|
"ios",
|
|
2784
2054
|
"md"
|
|
@@ -2789,29 +2059,11 @@
|
|
|
2789
2059
|
"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).",
|
|
2790
2060
|
"options": []
|
|
2791
2061
|
},
|
|
2792
|
-
"ion-item-option/shape": {
|
|
2793
|
-
"type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
|
|
2794
|
-
"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.",
|
|
2795
|
-
"options": [
|
|
2796
|
-
"rectangular",
|
|
2797
|
-
"round",
|
|
2798
|
-
"soft"
|
|
2799
|
-
]
|
|
2800
|
-
},
|
|
2801
2062
|
"ion-item-option/target": {
|
|
2802
2063
|
"type": "string | undefined",
|
|
2803
2064
|
"description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
|
|
2804
2065
|
"options": []
|
|
2805
2066
|
},
|
|
2806
|
-
"ion-item-option/theme": {
|
|
2807
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2808
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2809
|
-
"options": [
|
|
2810
|
-
"ios",
|
|
2811
|
-
"md",
|
|
2812
|
-
"ionic"
|
|
2813
|
-
]
|
|
2814
|
-
},
|
|
2815
2067
|
"ion-item-option/type": {
|
|
2816
2068
|
"type": "\"button\" | \"reset\" | \"submit\"",
|
|
2817
2069
|
"description": "The type of the button.",
|
|
@@ -2821,14 +2073,6 @@
|
|
|
2821
2073
|
"submit"
|
|
2822
2074
|
]
|
|
2823
2075
|
},
|
|
2824
|
-
"ion-item-options/mode": {
|
|
2825
|
-
"type": "\"ios\" | \"md\"",
|
|
2826
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
2827
|
-
"options": [
|
|
2828
|
-
"ios",
|
|
2829
|
-
"md"
|
|
2830
|
-
]
|
|
2831
|
-
},
|
|
2832
2076
|
"ion-item-options/side": {
|
|
2833
2077
|
"type": "\"end\" | \"start\"",
|
|
2834
2078
|
"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.",
|
|
@@ -2837,37 +2081,11 @@
|
|
|
2837
2081
|
"start"
|
|
2838
2082
|
]
|
|
2839
2083
|
},
|
|
2840
|
-
"ion-item-options/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-item-sliding/disabled": {
|
|
2850
2085
|
"type": "boolean",
|
|
2851
2086
|
"description": "If `true`, the user cannot interact with the sliding item.",
|
|
2852
2087
|
"options": []
|
|
2853
2088
|
},
|
|
2854
|
-
"ion-item-sliding/mode": {
|
|
2855
|
-
"type": "\"ios\" | \"md\"",
|
|
2856
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
2857
|
-
"options": [
|
|
2858
|
-
"ios",
|
|
2859
|
-
"md"
|
|
2860
|
-
]
|
|
2861
|
-
},
|
|
2862
|
-
"ion-item-sliding/theme": {
|
|
2863
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2864
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2865
|
-
"options": [
|
|
2866
|
-
"ios",
|
|
2867
|
-
"md",
|
|
2868
|
-
"ionic"
|
|
2869
|
-
]
|
|
2870
|
-
},
|
|
2871
2089
|
"ion-label/color": {
|
|
2872
2090
|
"type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
|
|
2873
2091
|
"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).",
|
|
@@ -2885,7 +2103,7 @@
|
|
|
2885
2103
|
},
|
|
2886
2104
|
"ion-label/mode": {
|
|
2887
2105
|
"type": "\"ios\" | \"md\"",
|
|
2888
|
-
"description": "The mode determines
|
|
2106
|
+
"description": "The mode determines which platform styles to use.",
|
|
2889
2107
|
"options": [
|
|
2890
2108
|
"ios",
|
|
2891
2109
|
"md"
|
|
@@ -2900,15 +2118,6 @@
|
|
|
2900
2118
|
"stacked"
|
|
2901
2119
|
]
|
|
2902
2120
|
},
|
|
2903
|
-
"ion-label/theme": {
|
|
2904
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2905
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2906
|
-
"options": [
|
|
2907
|
-
"ios",
|
|
2908
|
-
"md",
|
|
2909
|
-
"ionic"
|
|
2910
|
-
]
|
|
2911
|
-
},
|
|
2912
2121
|
"ion-list/inset": {
|
|
2913
2122
|
"type": "boolean",
|
|
2914
2123
|
"description": "If `true`, the list will have margin around it and rounded corners.",
|
|
@@ -2925,30 +2134,12 @@
|
|
|
2925
2134
|
},
|
|
2926
2135
|
"ion-list/mode": {
|
|
2927
2136
|
"type": "\"ios\" | \"md\"",
|
|
2928
|
-
"description": "The mode determines
|
|
2137
|
+
"description": "The mode determines which platform styles to use.",
|
|
2929
2138
|
"options": [
|
|
2930
2139
|
"ios",
|
|
2931
2140
|
"md"
|
|
2932
2141
|
]
|
|
2933
2142
|
},
|
|
2934
|
-
"ion-list/shape": {
|
|
2935
|
-
"type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
|
|
2936
|
-
"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.",
|
|
2937
|
-
"options": [
|
|
2938
|
-
"rectangular",
|
|
2939
|
-
"round",
|
|
2940
|
-
"soft"
|
|
2941
|
-
]
|
|
2942
|
-
},
|
|
2943
|
-
"ion-list/theme": {
|
|
2944
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2945
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2946
|
-
"options": [
|
|
2947
|
-
"ios",
|
|
2948
|
-
"md",
|
|
2949
|
-
"ionic"
|
|
2950
|
-
]
|
|
2951
|
-
},
|
|
2952
2143
|
"ion-list-header/color": {
|
|
2953
2144
|
"type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
|
|
2954
2145
|
"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).",
|
|
@@ -2975,21 +2166,12 @@
|
|
|
2975
2166
|
},
|
|
2976
2167
|
"ion-list-header/mode": {
|
|
2977
2168
|
"type": "\"ios\" | \"md\"",
|
|
2978
|
-
"description": "The mode determines
|
|
2169
|
+
"description": "The mode determines which platform styles to use.",
|
|
2979
2170
|
"options": [
|
|
2980
2171
|
"ios",
|
|
2981
2172
|
"md"
|
|
2982
2173
|
]
|
|
2983
2174
|
},
|
|
2984
|
-
"ion-list-header/theme": {
|
|
2985
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
2986
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
2987
|
-
"options": [
|
|
2988
|
-
"ios",
|
|
2989
|
-
"md",
|
|
2990
|
-
"ionic"
|
|
2991
|
-
]
|
|
2992
|
-
},
|
|
2993
2175
|
"ion-loading/animated": {
|
|
2994
2176
|
"type": "boolean",
|
|
2995
2177
|
"description": "If `true`, the loading indicator will animate.",
|
|
@@ -3042,7 +2224,7 @@
|
|
|
3042
2224
|
},
|
|
3043
2225
|
"ion-loading/mode": {
|
|
3044
2226
|
"type": "\"ios\" | \"md\"",
|
|
3045
|
-
"description": "The mode determines
|
|
2227
|
+
"description": "The mode determines which platform styles to use.",
|
|
3046
2228
|
"options": [
|
|
3047
2229
|
"ios",
|
|
3048
2230
|
"md"
|
|
@@ -3068,18 +2250,9 @@
|
|
|
3068
2250
|
"lines-small"
|
|
3069
2251
|
]
|
|
3070
2252
|
},
|
|
3071
|
-
"ion-loading/theme": {
|
|
3072
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3073
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3074
|
-
"options": [
|
|
3075
|
-
"ios",
|
|
3076
|
-
"md",
|
|
3077
|
-
"ionic"
|
|
3078
|
-
]
|
|
3079
|
-
},
|
|
3080
2253
|
"ion-loading/translucent": {
|
|
3081
2254
|
"type": "boolean",
|
|
3082
|
-
"description": "If `true`, the loading indicator will be translucent.\nOnly applies when the
|
|
2255
|
+
"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).",
|
|
3083
2256
|
"options": []
|
|
3084
2257
|
},
|
|
3085
2258
|
"ion-loading/trigger": {
|
|
@@ -3107,14 +2280,6 @@
|
|
|
3107
2280
|
"description": "An id for the menu.",
|
|
3108
2281
|
"options": []
|
|
3109
2282
|
},
|
|
3110
|
-
"ion-menu/mode": {
|
|
3111
|
-
"type": "\"ios\" | \"md\"",
|
|
3112
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
3113
|
-
"options": [
|
|
3114
|
-
"ios",
|
|
3115
|
-
"md"
|
|
3116
|
-
]
|
|
3117
|
-
},
|
|
3118
2283
|
"ion-menu/side": {
|
|
3119
2284
|
"type": "\"end\" | \"start\"",
|
|
3120
2285
|
"description": "Which side of the view the menu should be placed.",
|
|
@@ -3128,15 +2293,6 @@
|
|
|
3128
2293
|
"description": "If `true`, swiping the menu is enabled.",
|
|
3129
2294
|
"options": []
|
|
3130
2295
|
},
|
|
3131
|
-
"ion-menu/theme": {
|
|
3132
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3133
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3134
|
-
"options": [
|
|
3135
|
-
"ios",
|
|
3136
|
-
"md",
|
|
3137
|
-
"ionic"
|
|
3138
|
-
]
|
|
3139
|
-
},
|
|
3140
2296
|
"ion-menu/type": {
|
|
3141
2297
|
"type": "\"overlay\" | \"push\" | \"reveal\" | undefined",
|
|
3142
2298
|
"description": "The display type of the menu.\nAvailable options: `\"overlay\"`, `\"reveal\"`, `\"push\"`.",
|
|
@@ -3178,21 +2334,12 @@
|
|
|
3178
2334
|
},
|
|
3179
2335
|
"ion-menu-button/mode": {
|
|
3180
2336
|
"type": "\"ios\" | \"md\"",
|
|
3181
|
-
"description": "The mode determines
|
|
2337
|
+
"description": "The mode determines which platform styles to use.",
|
|
3182
2338
|
"options": [
|
|
3183
2339
|
"ios",
|
|
3184
2340
|
"md"
|
|
3185
2341
|
]
|
|
3186
2342
|
},
|
|
3187
|
-
"ion-menu-button/theme": {
|
|
3188
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3189
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3190
|
-
"options": [
|
|
3191
|
-
"ios",
|
|
3192
|
-
"md",
|
|
3193
|
-
"ionic"
|
|
3194
|
-
]
|
|
3195
|
-
},
|
|
3196
2343
|
"ion-menu-button/type": {
|
|
3197
2344
|
"type": "\"button\" | \"reset\" | \"submit\"",
|
|
3198
2345
|
"description": "The type of the button.",
|
|
@@ -3212,23 +2359,6 @@
|
|
|
3212
2359
|
"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.",
|
|
3213
2360
|
"options": []
|
|
3214
2361
|
},
|
|
3215
|
-
"ion-menu-toggle/mode": {
|
|
3216
|
-
"type": "\"ios\" | \"md\"",
|
|
3217
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
3218
|
-
"options": [
|
|
3219
|
-
"ios",
|
|
3220
|
-
"md"
|
|
3221
|
-
]
|
|
3222
|
-
},
|
|
3223
|
-
"ion-menu-toggle/theme": {
|
|
3224
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3225
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3226
|
-
"options": [
|
|
3227
|
-
"ios",
|
|
3228
|
-
"md",
|
|
3229
|
-
"ionic"
|
|
3230
|
-
]
|
|
3231
|
-
},
|
|
3232
2362
|
"ion-modal/animated": {
|
|
3233
2363
|
"type": "boolean",
|
|
3234
2364
|
"description": "If `true`, the modal will animate.",
|
|
@@ -3276,7 +2406,7 @@
|
|
|
3276
2406
|
},
|
|
3277
2407
|
"ion-modal/handle-behavior": {
|
|
3278
2408
|
"type": "\"cycle\" | \"none\" | undefined",
|
|
3279
|
-
"description": "The interaction behavior for the sheet modal when the handle is pressed.\n\
|
|
2409
|
+
"description": "The interaction behavior for the sheet modal when the handle is pressed.\n\nHandle behavior is unavailable when the `handle` property is set to\n`false` or when the `breakpoints` property is not set (using a\nfullscreen or card modal).\n\nSet to `\"cycle\"` to make the handle focusable and let the sheet modal\ncycle between available breakpoints when pressed. This keeps the sheet\noperable with assistive technology.\n\nSet to `\"none\"` to make the handle purely decorative when pressed and\nremoved from the tab order.\n\nDefaults to `\"cycle\"`.",
|
|
3280
2410
|
"options": [
|
|
3281
2411
|
"cycle",
|
|
3282
2412
|
"none"
|
|
@@ -3314,7 +2444,7 @@
|
|
|
3314
2444
|
},
|
|
3315
2445
|
"ion-modal/mode": {
|
|
3316
2446
|
"type": "\"ios\" | \"md\"",
|
|
3317
|
-
"description": "The mode determines
|
|
2447
|
+
"description": "The mode determines which platform styles to use.",
|
|
3318
2448
|
"options": [
|
|
3319
2449
|
"ios",
|
|
3320
2450
|
"md"
|
|
@@ -3325,29 +2455,11 @@
|
|
|
3325
2455
|
"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.",
|
|
3326
2456
|
"options": []
|
|
3327
2457
|
},
|
|
3328
|
-
"ion-modal/shape": {
|
|
3329
|
-
"type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
|
|
3330
|
-
"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.",
|
|
3331
|
-
"options": [
|
|
3332
|
-
"rectangular",
|
|
3333
|
-
"round",
|
|
3334
|
-
"soft"
|
|
3335
|
-
]
|
|
3336
|
-
},
|
|
3337
2458
|
"ion-modal/show-backdrop": {
|
|
3338
2459
|
"type": "boolean",
|
|
3339
2460
|
"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.",
|
|
3340
2461
|
"options": []
|
|
3341
2462
|
},
|
|
3342
|
-
"ion-modal/theme": {
|
|
3343
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3344
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3345
|
-
"options": [
|
|
3346
|
-
"ios",
|
|
3347
|
-
"md",
|
|
3348
|
-
"ionic"
|
|
3349
|
-
]
|
|
3350
|
-
},
|
|
3351
2463
|
"ion-modal/trigger": {
|
|
3352
2464
|
"type": "string | undefined",
|
|
3353
2465
|
"description": "An ID corresponding to the trigger element that\ncauses the modal to open when clicked.",
|
|
@@ -3360,17 +2472,9 @@
|
|
|
3360
2472
|
},
|
|
3361
2473
|
"ion-nav/animation": {
|
|
3362
2474
|
"type": "((baseEl: any, opts?: any) => Animation) | undefined",
|
|
3363
|
-
"description": "By default `ion-nav` animates transition between pages based
|
|
2475
|
+
"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.",
|
|
3364
2476
|
"options": []
|
|
3365
2477
|
},
|
|
3366
|
-
"ion-nav/mode": {
|
|
3367
|
-
"type": "\"ios\" | \"md\"",
|
|
3368
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
3369
|
-
"options": [
|
|
3370
|
-
"ios",
|
|
3371
|
-
"md"
|
|
3372
|
-
]
|
|
3373
|
-
},
|
|
3374
2478
|
"ion-nav/root": {
|
|
3375
2479
|
"type": "Function | HTMLElement | ViewController | null | string | undefined",
|
|
3376
2480
|
"description": "Root NavComponent to load",
|
|
@@ -3386,15 +2490,6 @@
|
|
|
3386
2490
|
"description": "If the nav component should allow for swipe-to-go-back.",
|
|
3387
2491
|
"options": []
|
|
3388
2492
|
},
|
|
3389
|
-
"ion-nav/theme": {
|
|
3390
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3391
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3392
|
-
"options": [
|
|
3393
|
-
"ios",
|
|
3394
|
-
"md",
|
|
3395
|
-
"ionic"
|
|
3396
|
-
]
|
|
3397
|
-
},
|
|
3398
2493
|
"ion-nav-link/component": {
|
|
3399
2494
|
"type": "Function | HTMLElement | ViewController | null | string | undefined",
|
|
3400
2495
|
"description": "Component to navigate to. Only used if the `routerDirection` is `\"forward\"` or `\"root\"`.",
|
|
@@ -3405,14 +2500,6 @@
|
|
|
3405
2500
|
"description": "Data you want to pass to the component as props. Only used if the `\"routerDirection\"` is `\"forward\"` or `\"root\"`.",
|
|
3406
2501
|
"options": []
|
|
3407
2502
|
},
|
|
3408
|
-
"ion-nav-link/mode": {
|
|
3409
|
-
"type": "\"ios\" | \"md\"",
|
|
3410
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
3411
|
-
"options": [
|
|
3412
|
-
"ios",
|
|
3413
|
-
"md"
|
|
3414
|
-
]
|
|
3415
|
-
},
|
|
3416
2503
|
"ion-nav-link/router-animation": {
|
|
3417
2504
|
"type": "((baseEl: any, opts?: any) => Animation) | undefined",
|
|
3418
2505
|
"description": "The transition animation when navigating to another page.",
|
|
@@ -3427,15 +2514,6 @@
|
|
|
3427
2514
|
"root"
|
|
3428
2515
|
]
|
|
3429
2516
|
},
|
|
3430
|
-
"ion-nav-link/theme": {
|
|
3431
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3432
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3433
|
-
"options": [
|
|
3434
|
-
"ios",
|
|
3435
|
-
"md",
|
|
3436
|
-
"ionic"
|
|
3437
|
-
]
|
|
3438
|
-
},
|
|
3439
2517
|
"ion-note/color": {
|
|
3440
2518
|
"type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
|
|
3441
2519
|
"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).",
|
|
@@ -3453,38 +2531,20 @@
|
|
|
3453
2531
|
},
|
|
3454
2532
|
"ion-note/mode": {
|
|
3455
2533
|
"type": "\"ios\" | \"md\"",
|
|
3456
|
-
"description": "The mode determines
|
|
2534
|
+
"description": "The mode determines which platform styles to use.",
|
|
3457
2535
|
"options": [
|
|
3458
2536
|
"ios",
|
|
3459
2537
|
"md"
|
|
3460
2538
|
]
|
|
3461
2539
|
},
|
|
3462
|
-
"ion-note/theme": {
|
|
3463
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3464
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3465
|
-
"options": [
|
|
3466
|
-
"ios",
|
|
3467
|
-
"md",
|
|
3468
|
-
"ionic"
|
|
3469
|
-
]
|
|
3470
|
-
},
|
|
3471
2540
|
"ion-picker/mode": {
|
|
3472
2541
|
"type": "\"ios\" | \"md\"",
|
|
3473
|
-
"description": "The mode determines
|
|
2542
|
+
"description": "The mode determines which platform styles to use.",
|
|
3474
2543
|
"options": [
|
|
3475
2544
|
"ios",
|
|
3476
2545
|
"md"
|
|
3477
2546
|
]
|
|
3478
2547
|
},
|
|
3479
|
-
"ion-picker/theme": {
|
|
3480
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3481
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3482
|
-
"options": [
|
|
3483
|
-
"ios",
|
|
3484
|
-
"md",
|
|
3485
|
-
"ionic"
|
|
3486
|
-
]
|
|
3487
|
-
},
|
|
3488
2548
|
"ion-picker-column/color": {
|
|
3489
2549
|
"type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
|
|
3490
2550
|
"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).",
|
|
@@ -3507,21 +2567,12 @@
|
|
|
3507
2567
|
},
|
|
3508
2568
|
"ion-picker-column/mode": {
|
|
3509
2569
|
"type": "\"ios\" | \"md\"",
|
|
3510
|
-
"description": "The mode determines
|
|
2570
|
+
"description": "The mode determines which platform styles to use.",
|
|
3511
2571
|
"options": [
|
|
3512
2572
|
"ios",
|
|
3513
2573
|
"md"
|
|
3514
2574
|
]
|
|
3515
2575
|
},
|
|
3516
|
-
"ion-picker-column/theme": {
|
|
3517
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3518
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3519
|
-
"options": [
|
|
3520
|
-
"ios",
|
|
3521
|
-
"md",
|
|
3522
|
-
"ionic"
|
|
3523
|
-
]
|
|
3524
|
-
},
|
|
3525
2576
|
"ion-picker-column/value": {
|
|
3526
2577
|
"type": "number | string | undefined",
|
|
3527
2578
|
"description": "The selected option in the picker.",
|
|
@@ -3547,113 +2598,14 @@
|
|
|
3547
2598
|
"description": "If `true`, the user cannot interact with the picker column option.",
|
|
3548
2599
|
"options": []
|
|
3549
2600
|
},
|
|
3550
|
-
"ion-picker-column-option/mode": {
|
|
3551
|
-
"type": "\"ios\" | \"md\"",
|
|
3552
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
3553
|
-
"options": [
|
|
3554
|
-
"ios",
|
|
3555
|
-
"md"
|
|
3556
|
-
]
|
|
3557
|
-
},
|
|
3558
|
-
"ion-picker-column-option/theme": {
|
|
3559
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3560
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3561
|
-
"options": [
|
|
3562
|
-
"ios",
|
|
3563
|
-
"md",
|
|
3564
|
-
"ionic"
|
|
3565
|
-
]
|
|
3566
|
-
},
|
|
3567
2601
|
"ion-picker-column-option/value": {
|
|
3568
2602
|
"type": "any",
|
|
3569
2603
|
"description": "The text value of the option.",
|
|
3570
2604
|
"options": []
|
|
3571
2605
|
},
|
|
3572
|
-
"ion-picker-legacy/animated": {
|
|
3573
|
-
"type": "boolean",
|
|
3574
|
-
"description": "If `true`, the picker will animate.",
|
|
3575
|
-
"options": []
|
|
3576
|
-
},
|
|
3577
|
-
"ion-picker-legacy/backdrop-dismiss": {
|
|
3578
|
-
"type": "boolean",
|
|
3579
|
-
"description": "If `true`, the picker will be dismissed when the backdrop is clicked.",
|
|
3580
|
-
"options": []
|
|
3581
|
-
},
|
|
3582
|
-
"ion-picker-legacy/buttons": {
|
|
3583
|
-
"type": "PickerButton[]",
|
|
3584
|
-
"description": "Array of buttons to be displayed at the top of the picker.",
|
|
3585
|
-
"options": []
|
|
3586
|
-
},
|
|
3587
|
-
"ion-picker-legacy/columns": {
|
|
3588
|
-
"type": "PickerColumn[]",
|
|
3589
|
-
"description": "Array of columns to be displayed in the picker.",
|
|
3590
|
-
"options": []
|
|
3591
|
-
},
|
|
3592
|
-
"ion-picker-legacy/css-class": {
|
|
3593
|
-
"type": "string | string[] | undefined",
|
|
3594
|
-
"description": "Additional classes to apply for custom CSS. If multiple classes are\nprovided they should be separated by spaces.",
|
|
3595
|
-
"options": []
|
|
3596
|
-
},
|
|
3597
|
-
"ion-picker-legacy/duration": {
|
|
3598
|
-
"type": "number",
|
|
3599
|
-
"description": "Number of milliseconds to wait before dismissing the picker.",
|
|
3600
|
-
"options": []
|
|
3601
|
-
},
|
|
3602
|
-
"ion-picker-legacy/enter-animation": {
|
|
3603
|
-
"type": "((baseEl: any, opts?: any) => Animation) | undefined",
|
|
3604
|
-
"description": "Animation to use when the picker is presented.",
|
|
3605
|
-
"options": []
|
|
3606
|
-
},
|
|
3607
|
-
"ion-picker-legacy/html-attributes": {
|
|
3608
|
-
"type": "undefined | { [key: string]: any; }",
|
|
3609
|
-
"description": "Additional attributes to pass to the picker.",
|
|
3610
|
-
"options": []
|
|
3611
|
-
},
|
|
3612
|
-
"ion-picker-legacy/is-open": {
|
|
3613
|
-
"type": "boolean",
|
|
3614
|
-
"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.",
|
|
3615
|
-
"options": []
|
|
3616
|
-
},
|
|
3617
|
-
"ion-picker-legacy/keyboard-close": {
|
|
3618
|
-
"type": "boolean",
|
|
3619
|
-
"description": "If `true`, the keyboard will be automatically dismissed when the overlay is presented.",
|
|
3620
|
-
"options": []
|
|
3621
|
-
},
|
|
3622
|
-
"ion-picker-legacy/leave-animation": {
|
|
3623
|
-
"type": "((baseEl: any, opts?: any) => Animation) | undefined",
|
|
3624
|
-
"description": "Animation to use when the picker is dismissed.",
|
|
3625
|
-
"options": []
|
|
3626
|
-
},
|
|
3627
|
-
"ion-picker-legacy/mode": {
|
|
3628
|
-
"type": "\"ios\" | \"md\"",
|
|
3629
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
3630
|
-
"options": [
|
|
3631
|
-
"ios",
|
|
3632
|
-
"md"
|
|
3633
|
-
]
|
|
3634
|
-
},
|
|
3635
|
-
"ion-picker-legacy/show-backdrop": {
|
|
3636
|
-
"type": "boolean",
|
|
3637
|
-
"description": "If `true`, a backdrop will be displayed behind the picker.",
|
|
3638
|
-
"options": []
|
|
3639
|
-
},
|
|
3640
|
-
"ion-picker-legacy/theme": {
|
|
3641
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3642
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3643
|
-
"options": [
|
|
3644
|
-
"ios",
|
|
3645
|
-
"md",
|
|
3646
|
-
"ionic"
|
|
3647
|
-
]
|
|
3648
|
-
},
|
|
3649
|
-
"ion-picker-legacy/trigger": {
|
|
3650
|
-
"type": "string | undefined",
|
|
3651
|
-
"description": "An ID corresponding to the trigger element that\ncauses the picker to open when clicked.",
|
|
3652
|
-
"options": []
|
|
3653
|
-
},
|
|
3654
2606
|
"ion-popover/alignment": {
|
|
3655
2607
|
"type": "\"center\" | \"end\" | \"start\" | undefined",
|
|
3656
|
-
"description": "Describes how to align the popover content with the `reference` point.\nDefaults to `\"center\"` for
|
|
2608
|
+
"description": "Describes how to align the popover content with the `reference` point.\nDefaults to `\"center\"` for `ios` mode, and `\"start\"` for `md` mode.",
|
|
3657
2609
|
"options": [
|
|
3658
2610
|
"center",
|
|
3659
2611
|
"end",
|
|
@@ -3667,7 +2619,7 @@
|
|
|
3667
2619
|
},
|
|
3668
2620
|
"ion-popover/arrow": {
|
|
3669
2621
|
"type": "boolean",
|
|
3670
|
-
"description": "If `true`, the popover will display an arrow that points at the\n`reference`
|
|
2622
|
+
"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.",
|
|
3671
2623
|
"options": []
|
|
3672
2624
|
},
|
|
3673
2625
|
"ion-popover/backdrop-dismiss": {
|
|
@@ -3732,7 +2684,7 @@
|
|
|
3732
2684
|
},
|
|
3733
2685
|
"ion-popover/mode": {
|
|
3734
2686
|
"type": "\"ios\" | \"md\"",
|
|
3735
|
-
"description": "The mode determines
|
|
2687
|
+
"description": "The mode determines which platform styles to use.",
|
|
3736
2688
|
"options": [
|
|
3737
2689
|
"ios",
|
|
3738
2690
|
"md"
|
|
@@ -3771,18 +2723,9 @@
|
|
|
3771
2723
|
"cover"
|
|
3772
2724
|
]
|
|
3773
2725
|
},
|
|
3774
|
-
"ion-popover/theme": {
|
|
3775
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3776
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3777
|
-
"options": [
|
|
3778
|
-
"ios",
|
|
3779
|
-
"md",
|
|
3780
|
-
"ionic"
|
|
3781
|
-
]
|
|
3782
|
-
},
|
|
3783
2726
|
"ion-popover/translucent": {
|
|
3784
2727
|
"type": "boolean",
|
|
3785
|
-
"description": "If `true`, the popover will be translucent.\nOnly applies when the
|
|
2728
|
+
"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).",
|
|
3786
2729
|
"options": []
|
|
3787
2730
|
},
|
|
3788
2731
|
"ion-popover/trigger": {
|
|
@@ -3821,7 +2764,7 @@
|
|
|
3821
2764
|
},
|
|
3822
2765
|
"ion-progress-bar/mode": {
|
|
3823
2766
|
"type": "\"ios\" | \"md\"",
|
|
3824
|
-
"description": "The mode determines
|
|
2767
|
+
"description": "The mode determines which platform styles to use.",
|
|
3825
2768
|
"options": [
|
|
3826
2769
|
"ios",
|
|
3827
2770
|
"md"
|
|
@@ -3832,23 +2775,6 @@
|
|
|
3832
2775
|
"description": "If true, reverse the progress bar direction.",
|
|
3833
2776
|
"options": []
|
|
3834
2777
|
},
|
|
3835
|
-
"ion-progress-bar/shape": {
|
|
3836
|
-
"type": "\"rectangular\" | \"round\" | undefined",
|
|
3837
|
-
"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.",
|
|
3838
|
-
"options": [
|
|
3839
|
-
"rectangular",
|
|
3840
|
-
"round"
|
|
3841
|
-
]
|
|
3842
|
-
},
|
|
3843
|
-
"ion-progress-bar/theme": {
|
|
3844
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3845
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3846
|
-
"options": [
|
|
3847
|
-
"ios",
|
|
3848
|
-
"md",
|
|
3849
|
-
"ionic"
|
|
3850
|
-
]
|
|
3851
|
-
},
|
|
3852
2778
|
"ion-progress-bar/type": {
|
|
3853
2779
|
"type": "\"determinate\" | \"indeterminate\"",
|
|
3854
2780
|
"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).",
|
|
@@ -3911,7 +2837,7 @@
|
|
|
3911
2837
|
},
|
|
3912
2838
|
"ion-radio/mode": {
|
|
3913
2839
|
"type": "\"ios\" | \"md\"",
|
|
3914
|
-
"description": "The mode determines
|
|
2840
|
+
"description": "The mode determines which platform styles to use.",
|
|
3915
2841
|
"options": [
|
|
3916
2842
|
"ios",
|
|
3917
2843
|
"md"
|
|
@@ -3922,15 +2848,6 @@
|
|
|
3922
2848
|
"description": "The name of the control, which is submitted with the form data.",
|
|
3923
2849
|
"options": []
|
|
3924
2850
|
},
|
|
3925
|
-
"ion-radio/theme": {
|
|
3926
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3927
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3928
|
-
"options": [
|
|
3929
|
-
"ios",
|
|
3930
|
-
"md",
|
|
3931
|
-
"ionic"
|
|
3932
|
-
]
|
|
3933
|
-
},
|
|
3934
2851
|
"ion-radio/value": {
|
|
3935
2852
|
"type": "any",
|
|
3936
2853
|
"description": "the value of the radio.",
|
|
@@ -3956,28 +2873,11 @@
|
|
|
3956
2873
|
"description": "The helper text to display at the top of the radio group.",
|
|
3957
2874
|
"options": []
|
|
3958
2875
|
},
|
|
3959
|
-
"ion-radio-group/mode": {
|
|
3960
|
-
"type": "\"ios\" | \"md\"",
|
|
3961
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
3962
|
-
"options": [
|
|
3963
|
-
"ios",
|
|
3964
|
-
"md"
|
|
3965
|
-
]
|
|
3966
|
-
},
|
|
3967
2876
|
"ion-radio-group/name": {
|
|
3968
2877
|
"type": "string",
|
|
3969
2878
|
"description": "The name of the control, which is submitted with the form data.",
|
|
3970
2879
|
"options": []
|
|
3971
2880
|
},
|
|
3972
|
-
"ion-radio-group/theme": {
|
|
3973
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
3974
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3975
|
-
"options": [
|
|
3976
|
-
"ios",
|
|
3977
|
-
"md",
|
|
3978
|
-
"ionic"
|
|
3979
|
-
]
|
|
3980
|
-
},
|
|
3981
2881
|
"ion-radio-group/value": {
|
|
3982
2882
|
"type": "any",
|
|
3983
2883
|
"description": "the value of the radio group.",
|
|
@@ -4045,7 +2945,7 @@
|
|
|
4045
2945
|
},
|
|
4046
2946
|
"ion-range/mode": {
|
|
4047
2947
|
"type": "\"ios\" | \"md\"",
|
|
4048
|
-
"description": "The mode determines
|
|
2948
|
+
"description": "The mode determines which platform styles to use.",
|
|
4049
2949
|
"options": [
|
|
4050
2950
|
"ios",
|
|
4051
2951
|
"md"
|
|
@@ -4076,15 +2976,6 @@
|
|
|
4076
2976
|
"description": "Specifies the value granularity.",
|
|
4077
2977
|
"options": []
|
|
4078
2978
|
},
|
|
4079
|
-
"ion-range/theme": {
|
|
4080
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4081
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4082
|
-
"options": [
|
|
4083
|
-
"ios",
|
|
4084
|
-
"md",
|
|
4085
|
-
"ionic"
|
|
4086
|
-
]
|
|
4087
|
-
},
|
|
4088
2979
|
"ion-range/ticks": {
|
|
4089
2980
|
"type": "boolean",
|
|
4090
2981
|
"description": "If `true`, tick marks are displayed based on the step value.\nOnly applies when `snaps` is `true`.",
|
|
@@ -4107,7 +2998,7 @@
|
|
|
4107
2998
|
},
|
|
4108
2999
|
"ion-refresher/mode": {
|
|
4109
3000
|
"type": "\"ios\" | \"md\"",
|
|
4110
|
-
"description": "The mode determines
|
|
3001
|
+
"description": "The mode determines which platform styles to use.",
|
|
4111
3002
|
"options": [
|
|
4112
3003
|
"ios",
|
|
4113
3004
|
"md"
|
|
@@ -4133,23 +3024,6 @@
|
|
|
4133
3024
|
"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.",
|
|
4134
3025
|
"options": []
|
|
4135
3026
|
},
|
|
4136
|
-
"ion-refresher/theme": {
|
|
4137
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4138
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4139
|
-
"options": [
|
|
4140
|
-
"ios",
|
|
4141
|
-
"md",
|
|
4142
|
-
"ionic"
|
|
4143
|
-
]
|
|
4144
|
-
},
|
|
4145
|
-
"ion-refresher-content/mode": {
|
|
4146
|
-
"type": "\"ios\" | \"md\"",
|
|
4147
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
4148
|
-
"options": [
|
|
4149
|
-
"ios",
|
|
4150
|
-
"md"
|
|
4151
|
-
]
|
|
4152
|
-
},
|
|
4153
3027
|
"ion-refresher-content/pulling-icon": {
|
|
4154
3028
|
"type": "null | string | undefined",
|
|
4155
3029
|
"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.",
|
|
@@ -4180,71 +3054,11 @@
|
|
|
4180
3054
|
"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.",
|
|
4181
3055
|
"options": []
|
|
4182
3056
|
},
|
|
4183
|
-
"ion-refresher-content/theme": {
|
|
4184
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4185
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4186
|
-
"options": [
|
|
4187
|
-
"ios",
|
|
4188
|
-
"md",
|
|
4189
|
-
"ionic"
|
|
4190
|
-
]
|
|
4191
|
-
},
|
|
4192
|
-
"ion-reorder/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/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
3057
|
"ion-reorder-group/disabled": {
|
|
4210
3058
|
"type": "boolean",
|
|
4211
3059
|
"description": "If `true`, the reorder will be hidden.",
|
|
4212
3060
|
"options": []
|
|
4213
3061
|
},
|
|
4214
|
-
"ion-reorder-group/mode": {
|
|
4215
|
-
"type": "\"ios\" | \"md\"",
|
|
4216
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
4217
|
-
"options": [
|
|
4218
|
-
"ios",
|
|
4219
|
-
"md"
|
|
4220
|
-
]
|
|
4221
|
-
},
|
|
4222
|
-
"ion-reorder-group/theme": {
|
|
4223
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4224
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4225
|
-
"options": [
|
|
4226
|
-
"ios",
|
|
4227
|
-
"md",
|
|
4228
|
-
"ionic"
|
|
4229
|
-
]
|
|
4230
|
-
},
|
|
4231
|
-
"ion-ripple-effect/mode": {
|
|
4232
|
-
"type": "\"ios\" | \"md\"",
|
|
4233
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
4234
|
-
"options": [
|
|
4235
|
-
"ios",
|
|
4236
|
-
"md"
|
|
4237
|
-
]
|
|
4238
|
-
},
|
|
4239
|
-
"ion-ripple-effect/theme": {
|
|
4240
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4241
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4242
|
-
"options": [
|
|
4243
|
-
"ios",
|
|
4244
|
-
"md",
|
|
4245
|
-
"ionic"
|
|
4246
|
-
]
|
|
4247
|
-
},
|
|
4248
3062
|
"ion-ripple-effect/type": {
|
|
4249
3063
|
"type": "\"bounded\" | \"unbounded\"",
|
|
4250
3064
|
"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.",
|
|
@@ -4265,7 +3079,7 @@
|
|
|
4265
3079
|
},
|
|
4266
3080
|
"ion-route/component": {
|
|
4267
3081
|
"type": "string",
|
|
4268
|
-
"description": "Name of the component to load/select in the navigation outlet (`ion-tabs`, `ion-
|
|
3082
|
+
"description": "Name of the component to load/select in the navigation outlet (`ion-tabs`, `ion-router-outlet`)\nwhen the route matches.\n\nThe value of this property is not always the tagname of the component to load,\nin `ion-tabs` it actually refers to the name of the `ion-tab` to select.",
|
|
4269
3083
|
"options": []
|
|
4270
3084
|
},
|
|
4271
3085
|
"ion-route/component-props": {
|
|
@@ -4273,23 +3087,6 @@
|
|
|
4273
3087
|
"description": "A key value `{ 'red': true, 'blue': 'white'}` containing props that should be passed\nto the defined component when rendered.",
|
|
4274
3088
|
"options": []
|
|
4275
3089
|
},
|
|
4276
|
-
"ion-route/mode": {
|
|
4277
|
-
"type": "\"ios\" | \"md\"",
|
|
4278
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
4279
|
-
"options": [
|
|
4280
|
-
"ios",
|
|
4281
|
-
"md"
|
|
4282
|
-
]
|
|
4283
|
-
},
|
|
4284
|
-
"ion-route/theme": {
|
|
4285
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4286
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4287
|
-
"options": [
|
|
4288
|
-
"ios",
|
|
4289
|
-
"md",
|
|
4290
|
-
"ionic"
|
|
4291
|
-
]
|
|
4292
|
-
},
|
|
4293
3090
|
"ion-route/url": {
|
|
4294
3091
|
"type": "string",
|
|
4295
3092
|
"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.",
|
|
@@ -4305,28 +3102,11 @@
|
|
|
4305
3102
|
"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.",
|
|
4306
3103
|
"options": []
|
|
4307
3104
|
},
|
|
4308
|
-
"ion-router/mode": {
|
|
4309
|
-
"type": "\"ios\" | \"md\"",
|
|
4310
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
4311
|
-
"options": [
|
|
4312
|
-
"ios",
|
|
4313
|
-
"md"
|
|
4314
|
-
]
|
|
4315
|
-
},
|
|
4316
3105
|
"ion-router/root": {
|
|
4317
3106
|
"type": "string",
|
|
4318
3107
|
"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.",
|
|
4319
3108
|
"options": []
|
|
4320
3109
|
},
|
|
4321
|
-
"ion-router/theme": {
|
|
4322
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4323
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4324
|
-
"options": [
|
|
4325
|
-
"ios",
|
|
4326
|
-
"md",
|
|
4327
|
-
"ionic"
|
|
4328
|
-
]
|
|
4329
|
-
},
|
|
4330
3110
|
"ion-router/use-hash": {
|
|
4331
3111
|
"type": "boolean",
|
|
4332
3112
|
"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.",
|
|
@@ -4352,14 +3132,6 @@
|
|
|
4352
3132
|
"description": "Contains a URL or a URL fragment that the hyperlink points to.\nIf this property is set, an anchor tag will be rendered.",
|
|
4353
3133
|
"options": []
|
|
4354
3134
|
},
|
|
4355
|
-
"ion-router-link/mode": {
|
|
4356
|
-
"type": "\"ios\" | \"md\"",
|
|
4357
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
4358
|
-
"options": [
|
|
4359
|
-
"ios",
|
|
4360
|
-
"md"
|
|
4361
|
-
]
|
|
4362
|
-
},
|
|
4363
3135
|
"ion-router-link/rel": {
|
|
4364
3136
|
"type": "string | undefined",
|
|
4365
3137
|
"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).",
|
|
@@ -4384,15 +3156,6 @@
|
|
|
4384
3156
|
"description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
|
|
4385
3157
|
"options": []
|
|
4386
3158
|
},
|
|
4387
|
-
"ion-router-link/theme": {
|
|
4388
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4389
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4390
|
-
"options": [
|
|
4391
|
-
"ios",
|
|
4392
|
-
"md",
|
|
4393
|
-
"ionic"
|
|
4394
|
-
]
|
|
4395
|
-
},
|
|
4396
3159
|
"ion-router-outlet/animated": {
|
|
4397
3160
|
"type": "boolean",
|
|
4398
3161
|
"description": "If `true`, the router-outlet should animate the transition of components.",
|
|
@@ -4405,37 +3168,16 @@
|
|
|
4405
3168
|
},
|
|
4406
3169
|
"ion-router-outlet/mode": {
|
|
4407
3170
|
"type": "\"ios\" | \"md\"",
|
|
4408
|
-
"description": "The mode determines
|
|
4409
|
-
"options": [
|
|
4410
|
-
"ios",
|
|
4411
|
-
"md"
|
|
4412
|
-
]
|
|
4413
|
-
},
|
|
4414
|
-
"ion-router-outlet/theme": {
|
|
4415
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4416
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4417
|
-
"options": [
|
|
4418
|
-
"ios",
|
|
4419
|
-
"md",
|
|
4420
|
-
"ionic"
|
|
4421
|
-
]
|
|
4422
|
-
},
|
|
4423
|
-
"ion-row/mode": {
|
|
4424
|
-
"type": "\"ios\" | \"md\"",
|
|
4425
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
3171
|
+
"description": "The mode determines which platform styles to use.",
|
|
4426
3172
|
"options": [
|
|
4427
3173
|
"ios",
|
|
4428
3174
|
"md"
|
|
4429
3175
|
]
|
|
4430
3176
|
},
|
|
4431
|
-
"ion-
|
|
4432
|
-
"type": "
|
|
4433
|
-
"description": "
|
|
4434
|
-
"options": [
|
|
4435
|
-
"ios",
|
|
4436
|
-
"md",
|
|
4437
|
-
"ionic"
|
|
4438
|
-
]
|
|
3177
|
+
"ion-router-outlet/swipe-gesture": {
|
|
3178
|
+
"type": "boolean | undefined",
|
|
3179
|
+
"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.",
|
|
3180
|
+
"options": []
|
|
4439
3181
|
},
|
|
4440
3182
|
"ion-searchbar/animated": {
|
|
4441
3183
|
"type": "boolean",
|
|
@@ -4508,26 +3250,23 @@
|
|
|
4508
3250
|
]
|
|
4509
3251
|
},
|
|
4510
3252
|
"ion-searchbar/autocorrect": {
|
|
4511
|
-
"type": "
|
|
3253
|
+
"type": "boolean",
|
|
4512
3254
|
"description": "Set the input's autocorrect property.",
|
|
4513
|
-
"options": [
|
|
4514
|
-
"off",
|
|
4515
|
-
"on"
|
|
4516
|
-
]
|
|
3255
|
+
"options": []
|
|
4517
3256
|
},
|
|
4518
3257
|
"ion-searchbar/cancel-button-icon": {
|
|
4519
|
-
"type": "string
|
|
4520
|
-
"description": "Set the cancel button icon. Only
|
|
3258
|
+
"type": "string",
|
|
3259
|
+
"description": "Set the cancel button icon. Only applies to `md` mode.\nDefaults to `arrow-back-sharp`.",
|
|
4521
3260
|
"options": []
|
|
4522
3261
|
},
|
|
4523
3262
|
"ion-searchbar/cancel-button-text": {
|
|
4524
3263
|
"type": "string",
|
|
4525
|
-
"description": "Set the cancel button text. Only
|
|
3264
|
+
"description": "Set the cancel button text. Only applies to `ios` mode.",
|
|
4526
3265
|
"options": []
|
|
4527
3266
|
},
|
|
4528
3267
|
"ion-searchbar/clear-icon": {
|
|
4529
3268
|
"type": "string | undefined",
|
|
4530
|
-
"description": "Set the clear icon. Defaults to
|
|
3269
|
+
"description": "Set the clear icon. Defaults to `close-circle` for `ios` and `close-sharp` for `md`.",
|
|
4531
3270
|
"options": []
|
|
4532
3271
|
},
|
|
4533
3272
|
"ion-searchbar/color": {
|
|
@@ -4594,7 +3333,7 @@
|
|
|
4594
3333
|
},
|
|
4595
3334
|
"ion-searchbar/mode": {
|
|
4596
3335
|
"type": "\"ios\" | \"md\"",
|
|
4597
|
-
"description": "The mode determines
|
|
3336
|
+
"description": "The mode determines which platform styles to use.",
|
|
4598
3337
|
"options": [
|
|
4599
3338
|
"ios",
|
|
4600
3339
|
"md"
|
|
@@ -4611,19 +3350,10 @@
|
|
|
4611
3350
|
"options": []
|
|
4612
3351
|
},
|
|
4613
3352
|
"ion-searchbar/search-icon": {
|
|
4614
|
-
"type": "
|
|
4615
|
-
"description": "The icon to use as the search icon. Defaults to
|
|
3353
|
+
"type": "string | undefined",
|
|
3354
|
+
"description": "The icon to use as the search icon. Defaults to `search-outline` in\n`ios` mode and `search-sharp` in `md` mode.",
|
|
4616
3355
|
"options": []
|
|
4617
3356
|
},
|
|
4618
|
-
"ion-searchbar/shape": {
|
|
4619
|
-
"type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
|
|
4620
|
-
"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.",
|
|
4621
|
-
"options": [
|
|
4622
|
-
"rectangular",
|
|
4623
|
-
"round",
|
|
4624
|
-
"soft"
|
|
4625
|
-
]
|
|
4626
|
-
},
|
|
4627
3357
|
"ion-searchbar/show-cancel-button": {
|
|
4628
3358
|
"type": "\"always\" | \"focus\" | \"never\"",
|
|
4629
3359
|
"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.",
|
|
@@ -4642,29 +3372,11 @@
|
|
|
4642
3372
|
"never"
|
|
4643
3373
|
]
|
|
4644
3374
|
},
|
|
4645
|
-
"ion-searchbar/size": {
|
|
4646
|
-
"type": "\"large\" | \"medium\" | \"small\" | undefined",
|
|
4647
|
-
"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.",
|
|
4648
|
-
"options": [
|
|
4649
|
-
"large",
|
|
4650
|
-
"medium",
|
|
4651
|
-
"small"
|
|
4652
|
-
]
|
|
4653
|
-
},
|
|
4654
3375
|
"ion-searchbar/spellcheck": {
|
|
4655
3376
|
"type": "boolean",
|
|
4656
3377
|
"description": "If `true`, enable spellcheck on the input.",
|
|
4657
3378
|
"options": []
|
|
4658
3379
|
},
|
|
4659
|
-
"ion-searchbar/theme": {
|
|
4660
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4661
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4662
|
-
"options": [
|
|
4663
|
-
"ios",
|
|
4664
|
-
"md",
|
|
4665
|
-
"ionic"
|
|
4666
|
-
]
|
|
4667
|
-
},
|
|
4668
3380
|
"ion-searchbar/type": {
|
|
4669
3381
|
"type": "\"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"",
|
|
4670
3382
|
"description": "Set the type of the input.",
|
|
@@ -4705,7 +3417,7 @@
|
|
|
4705
3417
|
},
|
|
4706
3418
|
"ion-segment/mode": {
|
|
4707
3419
|
"type": "\"ios\" | \"md\"",
|
|
4708
|
-
"description": "The mode determines
|
|
3420
|
+
"description": "The mode determines which platform styles to use.",
|
|
4709
3421
|
"options": [
|
|
4710
3422
|
"ios",
|
|
4711
3423
|
"md"
|
|
@@ -4726,15 +3438,6 @@
|
|
|
4726
3438
|
"description": "If `true`, users will be able to swipe between segment buttons to activate them.",
|
|
4727
3439
|
"options": []
|
|
4728
3440
|
},
|
|
4729
|
-
"ion-segment/theme": {
|
|
4730
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4731
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4732
|
-
"options": [
|
|
4733
|
-
"ios",
|
|
4734
|
-
"md",
|
|
4735
|
-
"ionic"
|
|
4736
|
-
]
|
|
4737
|
-
},
|
|
4738
3441
|
"ion-segment/value": {
|
|
4739
3442
|
"type": "number | string | undefined",
|
|
4740
3443
|
"description": "the value of the segment.",
|
|
@@ -4764,21 +3467,12 @@
|
|
|
4764
3467
|
},
|
|
4765
3468
|
"ion-segment-button/mode": {
|
|
4766
3469
|
"type": "\"ios\" | \"md\"",
|
|
4767
|
-
"description": "The mode determines
|
|
3470
|
+
"description": "The mode determines which platform styles to use.",
|
|
4768
3471
|
"options": [
|
|
4769
3472
|
"ios",
|
|
4770
3473
|
"md"
|
|
4771
3474
|
]
|
|
4772
3475
|
},
|
|
4773
|
-
"ion-segment-button/theme": {
|
|
4774
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4775
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
4776
|
-
"options": [
|
|
4777
|
-
"ios",
|
|
4778
|
-
"md",
|
|
4779
|
-
"ionic"
|
|
4780
|
-
]
|
|
4781
|
-
},
|
|
4782
3476
|
"ion-segment-button/type": {
|
|
4783
3477
|
"type": "\"button\" | \"reset\" | \"submit\"",
|
|
4784
3478
|
"description": "The type of the button.",
|
|
@@ -4803,11 +3497,6 @@
|
|
|
4803
3497
|
"description": "If `true`, users will be able to swipe the segment view to navigate between segment contents.",
|
|
4804
3498
|
"options": []
|
|
4805
3499
|
},
|
|
4806
|
-
"ion-select/cancel-icon": {
|
|
4807
|
-
"type": "boolean",
|
|
4808
|
-
"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.",
|
|
4809
|
-
"options": []
|
|
4810
|
-
},
|
|
4811
3500
|
"ion-select/cancel-text": {
|
|
4812
3501
|
"type": "string",
|
|
4813
3502
|
"description": "The text to display on the cancel button.",
|
|
@@ -4845,12 +3534,12 @@
|
|
|
4845
3534
|
},
|
|
4846
3535
|
"ion-select/expanded-icon": {
|
|
4847
3536
|
"type": "string | undefined",
|
|
4848
|
-
"description": "The toggle icon to show when the select is open. If defined, the icon\nrotation behavior in
|
|
3537
|
+
"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.",
|
|
4849
3538
|
"options": []
|
|
4850
3539
|
},
|
|
4851
3540
|
"ion-select/fill": {
|
|
4852
3541
|
"type": "\"outline\" | \"solid\" | undefined",
|
|
4853
|
-
"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
|
|
3542
|
+
"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.",
|
|
4854
3543
|
"options": [
|
|
4855
3544
|
"outline",
|
|
4856
3545
|
"solid"
|
|
@@ -4903,7 +3592,7 @@
|
|
|
4903
3592
|
},
|
|
4904
3593
|
"ion-select/mode": {
|
|
4905
3594
|
"type": "\"ios\" | \"md\"",
|
|
4906
|
-
"description": "The mode determines
|
|
3595
|
+
"description": "The mode determines which platform styles to use.",
|
|
4907
3596
|
"options": [
|
|
4908
3597
|
"ios",
|
|
4909
3598
|
"md"
|
|
@@ -4940,35 +3629,15 @@
|
|
|
4940
3629
|
"options": []
|
|
4941
3630
|
},
|
|
4942
3631
|
"ion-select/shape": {
|
|
4943
|
-
"type": "\"
|
|
4944
|
-
"description": "
|
|
4945
|
-
"options": [
|
|
4946
|
-
"rectangular",
|
|
4947
|
-
"round",
|
|
4948
|
-
"soft"
|
|
4949
|
-
]
|
|
4950
|
-
},
|
|
4951
|
-
"ion-select/size": {
|
|
4952
|
-
"type": "\"large\" | \"medium\" | \"small\" | undefined",
|
|
4953
|
-
"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.",
|
|
4954
|
-
"options": [
|
|
4955
|
-
"large",
|
|
4956
|
-
"medium",
|
|
4957
|
-
"small"
|
|
4958
|
-
]
|
|
4959
|
-
},
|
|
4960
|
-
"ion-select/theme": {
|
|
4961
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
4962
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
3632
|
+
"type": "\"round\" | undefined",
|
|
3633
|
+
"description": "The shape of the select. If \"round\" it will have an increased border radius.",
|
|
4963
3634
|
"options": [
|
|
4964
|
-
"
|
|
4965
|
-
"md",
|
|
4966
|
-
"ionic"
|
|
3635
|
+
"round"
|
|
4967
3636
|
]
|
|
4968
3637
|
},
|
|
4969
3638
|
"ion-select/toggle-icon": {
|
|
4970
3639
|
"type": "string | undefined",
|
|
4971
|
-
"description": "The toggle icon to use. Defaults to
|
|
3640
|
+
"description": "The toggle icon to use. Defaults to `chevronExpand` for `ios` mode,\nor `caretDownSharp` for `md` mode.",
|
|
4972
3641
|
"options": []
|
|
4973
3642
|
},
|
|
4974
3643
|
"ion-select/value": {
|
|
@@ -4976,11 +3645,6 @@
|
|
|
4976
3645
|
"description": "The value of the select.",
|
|
4977
3646
|
"options": []
|
|
4978
3647
|
},
|
|
4979
|
-
"ion-select-modal/cancel-icon": {
|
|
4980
|
-
"type": "boolean",
|
|
4981
|
-
"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.",
|
|
4982
|
-
"options": []
|
|
4983
|
-
},
|
|
4984
3648
|
"ion-select-modal/cancel-text": {
|
|
4985
3649
|
"type": "string",
|
|
4986
3650
|
"description": "The text to display on the cancel button.",
|
|
@@ -5013,7 +3677,7 @@
|
|
|
5013
3677
|
},
|
|
5014
3678
|
"ion-select-option/justify": {
|
|
5015
3679
|
"type": "\"end\" | \"space-between\" | \"start\" | undefined",
|
|
5016
|
-
"description": "How to pack the label and the option's selection control within a line.\n`\"start\"`: The label and radio will appear on the left in LTR and\non the right in RTL.\n`\"end\"`: The label and radio will appear on the right in LTR and\non the left in RTL.\n`\"space-between\"`: The label and radio will appear on opposite\nends of the line with space between the two elements.\n\nApplies to the `alert`, `popover`, and `modal` interfaces, but has no\nvisible effect on radio options in `popover` or `modal` on
|
|
3680
|
+
"description": "How to pack the label and the option's selection control within a line.\n`\"start\"`: The label and radio will appear on the left in LTR and\non the right in RTL.\n`\"end\"`: The label and radio will appear on the right in LTR and\non the left in RTL.\n`\"space-between\"`: The label and radio will appear on opposite\nends of the line with space between the two elements.\n\nApplies to the `alert`, `popover`, and `modal` interfaces, but has no\nvisible effect on radio options in `popover` or `modal` on `md` (the radio control is hidden there).\n\nWhen unset, the interface picks a default based on mode and control\ntype.",
|
|
5017
3681
|
"options": [
|
|
5018
3682
|
"end",
|
|
5019
3683
|
"space-between",
|
|
@@ -5022,7 +3686,7 @@
|
|
|
5022
3686
|
},
|
|
5023
3687
|
"ion-select-option/label-placement": {
|
|
5024
3688
|
"type": "\"end\" | \"start\" | undefined",
|
|
5025
|
-
"description": "Where the label is placed relative to the option's selection control\n(radio circle or checkbox box) when the option is rendered in an\n`alert`, `popover`, or `modal` interface.\n`\"start\"`: The label will appear to the left of the radio in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the radio in LTR and to the left in RTL.\n\nApplies to the `alert`, `popover`, and `modal` interfaces, but has no\nvisible effect on radio options in `popover` or `modal` on
|
|
3689
|
+
"description": "Where the label is placed relative to the option's selection control\n(radio circle or checkbox box) when the option is rendered in an\n`alert`, `popover`, or `modal` interface.\n`\"start\"`: The label will appear to the left of the radio in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the radio in LTR and to the left in RTL.\n\nApplies to the `alert`, `popover`, and `modal` interfaces, but has no\nvisible effect on radio options in `popover` or `modal` on `md` (the radio control is hidden there).\n\nWhen unset, the interface picks a default based on mode and control\ntype.",
|
|
5026
3690
|
"options": [
|
|
5027
3691
|
"end",
|
|
5028
3692
|
"start"
|
|
@@ -5036,15 +3700,6 @@
|
|
|
5036
3700
|
"md"
|
|
5037
3701
|
]
|
|
5038
3702
|
},
|
|
5039
|
-
"ion-select-option/theme": {
|
|
5040
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5041
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5042
|
-
"options": [
|
|
5043
|
-
"ios",
|
|
5044
|
-
"md",
|
|
5045
|
-
"ionic"
|
|
5046
|
-
]
|
|
5047
|
-
},
|
|
5048
3703
|
"ion-select-option/value": {
|
|
5049
3704
|
"type": "any",
|
|
5050
3705
|
"description": "The text value of the option.",
|
|
@@ -5055,23 +3710,6 @@
|
|
|
5055
3710
|
"description": "If `true`, the skeleton text will animate.",
|
|
5056
3711
|
"options": []
|
|
5057
3712
|
},
|
|
5058
|
-
"ion-skeleton-text/mode": {
|
|
5059
|
-
"type": "\"ios\" | \"md\"",
|
|
5060
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
5061
|
-
"options": [
|
|
5062
|
-
"ios",
|
|
5063
|
-
"md"
|
|
5064
|
-
]
|
|
5065
|
-
},
|
|
5066
|
-
"ion-skeleton-text/theme": {
|
|
5067
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5068
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5069
|
-
"options": [
|
|
5070
|
-
"ios",
|
|
5071
|
-
"md",
|
|
5072
|
-
"ionic"
|
|
5073
|
-
]
|
|
5074
|
-
},
|
|
5075
3713
|
"ion-spinner/color": {
|
|
5076
3714
|
"type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
|
|
5077
3715
|
"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).",
|
|
@@ -5092,14 +3730,6 @@
|
|
|
5092
3730
|
"description": "Duration of the spinner animation in milliseconds. The default varies based on the spinner.",
|
|
5093
3731
|
"options": []
|
|
5094
3732
|
},
|
|
5095
|
-
"ion-spinner/mode": {
|
|
5096
|
-
"type": "\"ios\" | \"md\"",
|
|
5097
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
5098
|
-
"options": [
|
|
5099
|
-
"ios",
|
|
5100
|
-
"md"
|
|
5101
|
-
]
|
|
5102
|
-
},
|
|
5103
3733
|
"ion-spinner/name": {
|
|
5104
3734
|
"type": "\"bubbles\" | \"circles\" | \"circular\" | \"crescent\" | \"dots\" | \"lines\" | \"lines-sharp\" | \"lines-sharp-small\" | \"lines-small\" | undefined",
|
|
5105
3735
|
"description": "The name of the SVG spinner to use. If a name is not provided, the platform's default\nspinner will be used.",
|
|
@@ -5120,26 +3750,6 @@
|
|
|
5120
3750
|
"description": "If `true`, the spinner's animation will be paused.",
|
|
5121
3751
|
"options": []
|
|
5122
3752
|
},
|
|
5123
|
-
"ion-spinner/size": {
|
|
5124
|
-
"type": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | undefined",
|
|
5125
|
-
"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.",
|
|
5126
|
-
"options": [
|
|
5127
|
-
"large",
|
|
5128
|
-
"medium",
|
|
5129
|
-
"small",
|
|
5130
|
-
"xlarge",
|
|
5131
|
-
"xsmall"
|
|
5132
|
-
]
|
|
5133
|
-
},
|
|
5134
|
-
"ion-spinner/theme": {
|
|
5135
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5136
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5137
|
-
"options": [
|
|
5138
|
-
"ios",
|
|
5139
|
-
"md",
|
|
5140
|
-
"ionic"
|
|
5141
|
-
]
|
|
5142
|
-
},
|
|
5143
3753
|
"ion-split-pane/content-id": {
|
|
5144
3754
|
"type": "string | undefined",
|
|
5145
3755
|
"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`.",
|
|
@@ -5150,23 +3760,6 @@
|
|
|
5150
3760
|
"description": "If `true`, the split pane will be hidden.",
|
|
5151
3761
|
"options": []
|
|
5152
3762
|
},
|
|
5153
|
-
"ion-split-pane/mode": {
|
|
5154
|
-
"type": "\"ios\" | \"md\"",
|
|
5155
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
5156
|
-
"options": [
|
|
5157
|
-
"ios",
|
|
5158
|
-
"md"
|
|
5159
|
-
]
|
|
5160
|
-
},
|
|
5161
|
-
"ion-split-pane/theme": {
|
|
5162
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5163
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5164
|
-
"options": [
|
|
5165
|
-
"ios",
|
|
5166
|
-
"md",
|
|
5167
|
-
"ionic"
|
|
5168
|
-
]
|
|
5169
|
-
},
|
|
5170
3763
|
"ion-split-pane/when": {
|
|
5171
3764
|
"type": "boolean | string",
|
|
5172
3765
|
"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.",
|
|
@@ -5177,28 +3770,11 @@
|
|
|
5177
3770
|
"description": "The component to display inside of the tab.",
|
|
5178
3771
|
"options": []
|
|
5179
3772
|
},
|
|
5180
|
-
"ion-tab/mode": {
|
|
5181
|
-
"type": "\"ios\" | \"md\"",
|
|
5182
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
5183
|
-
"options": [
|
|
5184
|
-
"ios",
|
|
5185
|
-
"md"
|
|
5186
|
-
]
|
|
5187
|
-
},
|
|
5188
3773
|
"ion-tab/tab": {
|
|
5189
3774
|
"type": "string",
|
|
5190
3775
|
"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.",
|
|
5191
3776
|
"options": []
|
|
5192
3777
|
},
|
|
5193
|
-
"ion-tab/theme": {
|
|
5194
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5195
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5196
|
-
"options": [
|
|
5197
|
-
"ios",
|
|
5198
|
-
"md",
|
|
5199
|
-
"ionic"
|
|
5200
|
-
]
|
|
5201
|
-
},
|
|
5202
3778
|
"ion-tab-bar/color": {
|
|
5203
3779
|
"type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
|
|
5204
3780
|
"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).",
|
|
@@ -5214,55 +3790,22 @@
|
|
|
5214
3790
|
"warning"
|
|
5215
3791
|
]
|
|
5216
3792
|
},
|
|
5217
|
-
"ion-tab-bar/expand": {
|
|
5218
|
-
"type": "\"compact\" | \"full\"",
|
|
5219
|
-
"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\"`.",
|
|
5220
|
-
"options": [
|
|
5221
|
-
"compact",
|
|
5222
|
-
"full"
|
|
5223
|
-
]
|
|
5224
|
-
},
|
|
5225
3793
|
"ion-tab-bar/mode": {
|
|
5226
3794
|
"type": "\"ios\" | \"md\"",
|
|
5227
|
-
"description": "The mode determines
|
|
3795
|
+
"description": "The mode determines which platform styles to use.",
|
|
5228
3796
|
"options": [
|
|
5229
3797
|
"ios",
|
|
5230
3798
|
"md"
|
|
5231
3799
|
]
|
|
5232
3800
|
},
|
|
5233
|
-
"ion-tab-bar/scroll-effect": {
|
|
5234
|
-
"type": "\"hide\" | undefined",
|
|
5235
|
-
"description": "Describes the scroll effect that will be applied to the tab bar.\n`\"hide\"` slides the tab bar out of view when scrolling down and back in\nwhen scrolling up.\n\nNote: `\"hide\"` is ignored when the tab bar is nested inside an\n`ion-footer` to avoid leaving an empty footer visible on screen.\nSet `scroll-effect=\"hide\"` on the footer instead so the entire\nfooter hides together.",
|
|
5236
|
-
"options": [
|
|
5237
|
-
"hide"
|
|
5238
|
-
]
|
|
5239
|
-
},
|
|
5240
3801
|
"ion-tab-bar/selected-tab": {
|
|
5241
3802
|
"type": "string | undefined",
|
|
5242
3803
|
"description": "The selected tab component",
|
|
5243
3804
|
"options": []
|
|
5244
3805
|
},
|
|
5245
|
-
"ion-tab-bar/shape": {
|
|
5246
|
-
"type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
|
|
5247
|
-
"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.",
|
|
5248
|
-
"options": [
|
|
5249
|
-
"rectangular",
|
|
5250
|
-
"round",
|
|
5251
|
-
"soft"
|
|
5252
|
-
]
|
|
5253
|
-
},
|
|
5254
|
-
"ion-tab-bar/theme": {
|
|
5255
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5256
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5257
|
-
"options": [
|
|
5258
|
-
"ios",
|
|
5259
|
-
"md",
|
|
5260
|
-
"ionic"
|
|
5261
|
-
]
|
|
5262
|
-
},
|
|
5263
3806
|
"ion-tab-bar/translucent": {
|
|
5264
3807
|
"type": "boolean",
|
|
5265
|
-
"description": "If `true`, the tab bar will be translucent.\nOnly applies when the
|
|
3808
|
+
"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).",
|
|
5266
3809
|
"options": []
|
|
5267
3810
|
},
|
|
5268
3811
|
"ion-tab-button/disabled": {
|
|
@@ -5294,7 +3837,7 @@
|
|
|
5294
3837
|
},
|
|
5295
3838
|
"ion-tab-button/mode": {
|
|
5296
3839
|
"type": "\"ios\" | \"md\"",
|
|
5297
|
-
"description": "The mode determines
|
|
3840
|
+
"description": "The mode determines which platform styles to use.",
|
|
5298
3841
|
"options": [
|
|
5299
3842
|
"ios",
|
|
5300
3843
|
"md"
|
|
@@ -5310,15 +3853,6 @@
|
|
|
5310
3853
|
"description": "The selected tab component",
|
|
5311
3854
|
"options": []
|
|
5312
3855
|
},
|
|
5313
|
-
"ion-tab-button/shape": {
|
|
5314
|
-
"type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
|
|
5315
|
-
"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.",
|
|
5316
|
-
"options": [
|
|
5317
|
-
"rectangular",
|
|
5318
|
-
"round",
|
|
5319
|
-
"soft"
|
|
5320
|
-
]
|
|
5321
|
-
},
|
|
5322
3856
|
"ion-tab-button/tab": {
|
|
5323
3857
|
"type": "string | undefined",
|
|
5324
3858
|
"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.",
|
|
@@ -5329,32 +3863,6 @@
|
|
|
5329
3863
|
"description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
|
|
5330
3864
|
"options": []
|
|
5331
3865
|
},
|
|
5332
|
-
"ion-tab-button/theme": {
|
|
5333
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5334
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5335
|
-
"options": [
|
|
5336
|
-
"ios",
|
|
5337
|
-
"md",
|
|
5338
|
-
"ionic"
|
|
5339
|
-
]
|
|
5340
|
-
},
|
|
5341
|
-
"ion-tabs/mode": {
|
|
5342
|
-
"type": "\"ios\" | \"md\"",
|
|
5343
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
5344
|
-
"options": [
|
|
5345
|
-
"ios",
|
|
5346
|
-
"md"
|
|
5347
|
-
]
|
|
5348
|
-
},
|
|
5349
|
-
"ion-tabs/theme": {
|
|
5350
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5351
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5352
|
-
"options": [
|
|
5353
|
-
"ios",
|
|
5354
|
-
"md",
|
|
5355
|
-
"ionic"
|
|
5356
|
-
]
|
|
5357
|
-
},
|
|
5358
3866
|
"ion-text/color": {
|
|
5359
3867
|
"type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
|
|
5360
3868
|
"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).",
|
|
@@ -5372,21 +3880,12 @@
|
|
|
5372
3880
|
},
|
|
5373
3881
|
"ion-text/mode": {
|
|
5374
3882
|
"type": "\"ios\" | \"md\"",
|
|
5375
|
-
"description": "The mode determines
|
|
3883
|
+
"description": "The mode determines which platform styles to use.",
|
|
5376
3884
|
"options": [
|
|
5377
3885
|
"ios",
|
|
5378
3886
|
"md"
|
|
5379
3887
|
]
|
|
5380
3888
|
},
|
|
5381
|
-
"ion-text/theme": {
|
|
5382
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5383
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5384
|
-
"options": [
|
|
5385
|
-
"ios",
|
|
5386
|
-
"md",
|
|
5387
|
-
"ionic"
|
|
5388
|
-
]
|
|
5389
|
-
},
|
|
5390
3889
|
"ion-textarea/auto-grow": {
|
|
5391
3890
|
"type": "boolean",
|
|
5392
3891
|
"description": "If `true`, the textarea container will grow and shrink based\non the contents of the textarea.",
|
|
@@ -5467,7 +3966,7 @@
|
|
|
5467
3966
|
},
|
|
5468
3967
|
"ion-textarea/fill": {
|
|
5469
3968
|
"type": "\"outline\" | \"solid\" | undefined",
|
|
5470
|
-
"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
|
|
3969
|
+
"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.",
|
|
5471
3970
|
"options": [
|
|
5472
3971
|
"outline",
|
|
5473
3972
|
"solid"
|
|
@@ -5520,7 +4019,7 @@
|
|
|
5520
4019
|
},
|
|
5521
4020
|
"ion-textarea/mode": {
|
|
5522
4021
|
"type": "\"ios\" | \"md\"",
|
|
5523
|
-
"description": "The mode determines
|
|
4022
|
+
"description": "The mode determines which platform styles to use.",
|
|
5524
4023
|
"options": [
|
|
5525
4024
|
"ios",
|
|
5526
4025
|
"md"
|
|
@@ -5552,21 +4051,10 @@
|
|
|
5552
4051
|
"options": []
|
|
5553
4052
|
},
|
|
5554
4053
|
"ion-textarea/shape": {
|
|
5555
|
-
"type": "\"
|
|
5556
|
-
"description": "
|
|
5557
|
-
"options": [
|
|
5558
|
-
"rectangular",
|
|
5559
|
-
"round",
|
|
5560
|
-
"soft"
|
|
5561
|
-
]
|
|
5562
|
-
},
|
|
5563
|
-
"ion-textarea/size": {
|
|
5564
|
-
"type": "\"large\" | \"medium\" | \"small\" | undefined",
|
|
5565
|
-
"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.",
|
|
4054
|
+
"type": "\"round\" | undefined",
|
|
4055
|
+
"description": "The shape of the textarea. If \"round\" it will have an increased border radius.",
|
|
5566
4056
|
"options": [
|
|
5567
|
-
"
|
|
5568
|
-
"medium",
|
|
5569
|
-
"small"
|
|
4057
|
+
"round"
|
|
5570
4058
|
]
|
|
5571
4059
|
},
|
|
5572
4060
|
"ion-textarea/spellcheck": {
|
|
@@ -5574,15 +4062,6 @@
|
|
|
5574
4062
|
"description": "If `true`, the element will have its spelling and grammar checked.",
|
|
5575
4063
|
"options": []
|
|
5576
4064
|
},
|
|
5577
|
-
"ion-textarea/theme": {
|
|
5578
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5579
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5580
|
-
"options": [
|
|
5581
|
-
"ios",
|
|
5582
|
-
"md",
|
|
5583
|
-
"ionic"
|
|
5584
|
-
]
|
|
5585
|
-
},
|
|
5586
4065
|
"ion-textarea/value": {
|
|
5587
4066
|
"type": "null | string | undefined",
|
|
5588
4067
|
"description": "The value of the textarea.",
|
|
@@ -5597,23 +4076,6 @@
|
|
|
5597
4076
|
"soft"
|
|
5598
4077
|
]
|
|
5599
4078
|
},
|
|
5600
|
-
"ion-thumbnail/mode": {
|
|
5601
|
-
"type": "\"ios\" | \"md\"",
|
|
5602
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
5603
|
-
"options": [
|
|
5604
|
-
"ios",
|
|
5605
|
-
"md"
|
|
5606
|
-
]
|
|
5607
|
-
},
|
|
5608
|
-
"ion-thumbnail/theme": {
|
|
5609
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5610
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5611
|
-
"options": [
|
|
5612
|
-
"ios",
|
|
5613
|
-
"md",
|
|
5614
|
-
"ionic"
|
|
5615
|
-
]
|
|
5616
|
-
},
|
|
5617
4079
|
"ion-title/color": {
|
|
5618
4080
|
"type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
|
|
5619
4081
|
"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).",
|
|
@@ -5629,14 +4091,6 @@
|
|
|
5629
4091
|
"warning"
|
|
5630
4092
|
]
|
|
5631
4093
|
},
|
|
5632
|
-
"ion-title/mode": {
|
|
5633
|
-
"type": "\"ios\" | \"md\"",
|
|
5634
|
-
"description": "The mode determines the platform behaviors of the component.",
|
|
5635
|
-
"options": [
|
|
5636
|
-
"ios",
|
|
5637
|
-
"md"
|
|
5638
|
-
]
|
|
5639
|
-
},
|
|
5640
4094
|
"ion-title/size": {
|
|
5641
4095
|
"type": "\"large\" | \"small\" | undefined",
|
|
5642
4096
|
"description": "The size of the toolbar title.",
|
|
@@ -5645,15 +4099,6 @@
|
|
|
5645
4099
|
"small"
|
|
5646
4100
|
]
|
|
5647
4101
|
},
|
|
5648
|
-
"ion-title/theme": {
|
|
5649
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5650
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5651
|
-
"options": [
|
|
5652
|
-
"ios",
|
|
5653
|
-
"md",
|
|
5654
|
-
"ionic"
|
|
5655
|
-
]
|
|
5656
|
-
},
|
|
5657
4102
|
"ion-toast/animated": {
|
|
5658
4103
|
"type": "boolean",
|
|
5659
4104
|
"description": "If `true`, the toast will animate.",
|
|
@@ -5704,14 +4149,6 @@
|
|
|
5704
4149
|
"description": "Additional attributes to pass to the toast.",
|
|
5705
4150
|
"options": []
|
|
5706
4151
|
},
|
|
5707
|
-
"ion-toast/hue": {
|
|
5708
|
-
"type": "\"bold\" | \"subtle\" | undefined",
|
|
5709
|
-
"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.",
|
|
5710
|
-
"options": [
|
|
5711
|
-
"bold",
|
|
5712
|
-
"subtle"
|
|
5713
|
-
]
|
|
5714
|
-
},
|
|
5715
4152
|
"ion-toast/icon": {
|
|
5716
4153
|
"type": "string | undefined",
|
|
5717
4154
|
"description": "The name of the icon to display, or the path to a valid SVG file. See `ion-icon`.\nhttps://ionic.io/ionicons",
|
|
@@ -5747,7 +4184,7 @@
|
|
|
5747
4184
|
},
|
|
5748
4185
|
"ion-toast/mode": {
|
|
5749
4186
|
"type": "\"ios\" | \"md\"",
|
|
5750
|
-
"description": "The mode determines
|
|
4187
|
+
"description": "The mode determines which platform styles to use.",
|
|
5751
4188
|
"options": [
|
|
5752
4189
|
"ios",
|
|
5753
4190
|
"md"
|
|
@@ -5767,15 +4204,6 @@
|
|
|
5767
4204
|
"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.",
|
|
5768
4205
|
"options": []
|
|
5769
4206
|
},
|
|
5770
|
-
"ion-toast/shape": {
|
|
5771
|
-
"type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
|
|
5772
|
-
"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.",
|
|
5773
|
-
"options": [
|
|
5774
|
-
"rectangular",
|
|
5775
|
-
"round",
|
|
5776
|
-
"soft"
|
|
5777
|
-
]
|
|
5778
|
-
},
|
|
5779
4207
|
"ion-toast/swipe-gesture": {
|
|
5780
4208
|
"type": "\"vertical\" | undefined",
|
|
5781
4209
|
"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.",
|
|
@@ -5783,18 +4211,9 @@
|
|
|
5783
4211
|
"vertical"
|
|
5784
4212
|
]
|
|
5785
4213
|
},
|
|
5786
|
-
"ion-toast/theme": {
|
|
5787
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5788
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5789
|
-
"options": [
|
|
5790
|
-
"ios",
|
|
5791
|
-
"md",
|
|
5792
|
-
"ionic"
|
|
5793
|
-
]
|
|
5794
|
-
},
|
|
5795
4214
|
"ion-toast/translucent": {
|
|
5796
4215
|
"type": "boolean",
|
|
5797
|
-
"description": "If `true`, the toast will be translucent.\nOnly applies when the
|
|
4216
|
+
"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).",
|
|
5798
4217
|
"options": []
|
|
5799
4218
|
},
|
|
5800
4219
|
"ion-toast/trigger": {
|
|
@@ -5871,7 +4290,7 @@
|
|
|
5871
4290
|
},
|
|
5872
4291
|
"ion-toggle/mode": {
|
|
5873
4292
|
"type": "\"ios\" | \"md\"",
|
|
5874
|
-
"description": "The mode determines
|
|
4293
|
+
"description": "The mode determines which platform styles to use.",
|
|
5875
4294
|
"options": [
|
|
5876
4295
|
"ios",
|
|
5877
4296
|
"md"
|
|
@@ -5887,15 +4306,6 @@
|
|
|
5887
4306
|
"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.",
|
|
5888
4307
|
"options": []
|
|
5889
4308
|
},
|
|
5890
|
-
"ion-toggle/theme": {
|
|
5891
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5892
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5893
|
-
"options": [
|
|
5894
|
-
"ios",
|
|
5895
|
-
"md",
|
|
5896
|
-
"ionic"
|
|
5897
|
-
]
|
|
5898
|
-
},
|
|
5899
4309
|
"ion-toggle/value": {
|
|
5900
4310
|
"type": "null | string | undefined",
|
|
5901
4311
|
"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>`.",
|
|
@@ -5918,28 +4328,10 @@
|
|
|
5918
4328
|
},
|
|
5919
4329
|
"ion-toolbar/mode": {
|
|
5920
4330
|
"type": "\"ios\" | \"md\"",
|
|
5921
|
-
"description": "The mode determines
|
|
4331
|
+
"description": "The mode determines which platform styles to use.",
|
|
5922
4332
|
"options": [
|
|
5923
4333
|
"ios",
|
|
5924
4334
|
"md"
|
|
5925
4335
|
]
|
|
5926
|
-
},
|
|
5927
|
-
"ion-toolbar/theme": {
|
|
5928
|
-
"type": "\"ios\" | \"md\" | \"ionic\"",
|
|
5929
|
-
"description": "The theme determines the visual appearance of the component.",
|
|
5930
|
-
"options": [
|
|
5931
|
-
"ios",
|
|
5932
|
-
"md",
|
|
5933
|
-
"ionic"
|
|
5934
|
-
]
|
|
5935
|
-
},
|
|
5936
|
-
"ion-toolbar/title-placement": {
|
|
5937
|
-
"type": "\"center\" | \"end\" | \"start\" | undefined",
|
|
5938
|
-
"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.",
|
|
5939
|
-
"options": [
|
|
5940
|
-
"center",
|
|
5941
|
-
"end",
|
|
5942
|
-
"start"
|
|
5943
|
-
]
|
|
5944
4336
|
}
|
|
5945
4337
|
}
|