2018-11-20 09:17:00 +01:00
|
|
|
|
2021-03-24 09:17:54 -04:00
|
|
|
ion-accordion,shadow
|
|
|
|
|
ion-accordion,prop,disabled,boolean,false,false,false
|
|
|
|
|
ion-accordion,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-accordion,prop,readonly,boolean,false,false,false
|
2022-01-28 09:13:39 -06:00
|
|
|
ion-accordion,prop,toggleIcon,string,chevronDown,false,false
|
2021-03-24 09:17:54 -04:00
|
|
|
ion-accordion,prop,toggleIconSlot,"end" | "start",'end',false,false
|
|
|
|
|
ion-accordion,prop,value,string,`ion-accordion-${accordionIds++}`,false,false
|
|
|
|
|
ion-accordion,part,content
|
|
|
|
|
ion-accordion,part,expanded
|
|
|
|
|
ion-accordion,part,header
|
|
|
|
|
|
|
|
|
|
ion-accordion-group,shadow
|
2021-06-29 08:59:41 -04:00
|
|
|
ion-accordion-group,prop,animated,boolean,true,false,false
|
2021-03-24 09:17:54 -04:00
|
|
|
ion-accordion-group,prop,disabled,boolean,false,false,false
|
|
|
|
|
ion-accordion-group,prop,expand,"compact" | "inset",'compact',false,false
|
|
|
|
|
ion-accordion-group,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-accordion-group,prop,multiple,boolean | undefined,undefined,false,false
|
|
|
|
|
ion-accordion-group,prop,readonly,boolean,false,false,false
|
|
|
|
|
ion-accordion-group,prop,value,null | string | string[] | undefined,undefined,false,false
|
|
|
|
|
ion-accordion-group,event,ionChange,AccordionGroupChangeEventDetail<any>,true
|
|
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-action-sheet,scoped
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-action-sheet,prop,animated,boolean,true,false,false
|
|
|
|
|
ion-action-sheet,prop,backdropDismiss,boolean,true,false,false
|
2021-08-09 17:32:57 +02:00
|
|
|
ion-action-sheet,prop,buttons,(string | ActionSheetButton<any>)[],[],false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-action-sheet,prop,cssClass,string | string[] | undefined,undefined,false,false
|
2019-10-11 13:47:52 -04:00
|
|
|
ion-action-sheet,prop,enterAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-action-sheet,prop,header,string | undefined,undefined,false,false
|
2022-04-07 14:11:30 -04:00
|
|
|
ion-action-sheet,prop,htmlAttributes,undefined | { [key: string]: any; },undefined,false,false
|
2022-11-02 16:47:43 -04:00
|
|
|
ion-action-sheet,prop,isOpen,boolean,false,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-action-sheet,prop,keyboardClose,boolean,true,false,false
|
2019-10-11 13:47:52 -04:00
|
|
|
ion-action-sheet,prop,leaveAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-action-sheet,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-action-sheet,prop,subHeader,string | undefined,undefined,false,false
|
|
|
|
|
ion-action-sheet,prop,translucent,boolean,false,false,false
|
2022-11-02 16:47:43 -04:00
|
|
|
ion-action-sheet,prop,trigger,string | undefined,undefined,false,false
|
2022-09-27 14:03:13 -05:00
|
|
|
ion-action-sheet,method,dismiss,dismiss(data?: any, role?: string) => Promise<boolean>
|
2020-06-03 20:08:27 +07:00
|
|
|
ion-action-sheet,method,onDidDismiss,onDidDismiss<T = any>() => Promise<OverlayEventDetail<T>>
|
|
|
|
|
ion-action-sheet,method,onWillDismiss,onWillDismiss<T = any>() => Promise<OverlayEventDetail<T>>
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-action-sheet,method,present,present() => Promise<void>
|
2022-11-02 16:47:43 -04:00
|
|
|
ion-action-sheet,event,didDismiss,OverlayEventDetail<any>,true
|
|
|
|
|
ion-action-sheet,event,didPresent,void,true
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-action-sheet,event,ionActionSheetDidDismiss,OverlayEventDetail<any>,true
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-action-sheet,event,ionActionSheetDidPresent,void,true
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-action-sheet,event,ionActionSheetWillDismiss,OverlayEventDetail<any>,true
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-action-sheet,event,ionActionSheetWillPresent,void,true
|
2022-11-02 16:47:43 -04:00
|
|
|
ion-action-sheet,event,willDismiss,OverlayEventDetail<any>,true
|
|
|
|
|
ion-action-sheet,event,willPresent,void,true
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-action-sheet,css-prop,--backdrop-opacity,ios
|
|
|
|
|
ion-action-sheet,css-prop,--backdrop-opacity,md
|
|
|
|
|
ion-action-sheet,css-prop,--background,ios
|
|
|
|
|
ion-action-sheet,css-prop,--background,md
|
|
|
|
|
ion-action-sheet,css-prop,--button-background,ios
|
|
|
|
|
ion-action-sheet,css-prop,--button-background,md
|
|
|
|
|
ion-action-sheet,css-prop,--button-background-activated,ios
|
|
|
|
|
ion-action-sheet,css-prop,--button-background-activated,md
|
|
|
|
|
ion-action-sheet,css-prop,--button-background-activated-opacity,ios
|
|
|
|
|
ion-action-sheet,css-prop,--button-background-activated-opacity,md
|
|
|
|
|
ion-action-sheet,css-prop,--button-background-focused,ios
|
|
|
|
|
ion-action-sheet,css-prop,--button-background-focused,md
|
|
|
|
|
ion-action-sheet,css-prop,--button-background-focused-opacity,ios
|
|
|
|
|
ion-action-sheet,css-prop,--button-background-focused-opacity,md
|
|
|
|
|
ion-action-sheet,css-prop,--button-background-hover,ios
|
|
|
|
|
ion-action-sheet,css-prop,--button-background-hover,md
|
|
|
|
|
ion-action-sheet,css-prop,--button-background-hover-opacity,ios
|
|
|
|
|
ion-action-sheet,css-prop,--button-background-hover-opacity,md
|
|
|
|
|
ion-action-sheet,css-prop,--button-background-selected,ios
|
|
|
|
|
ion-action-sheet,css-prop,--button-background-selected,md
|
|
|
|
|
ion-action-sheet,css-prop,--button-background-selected-opacity,ios
|
|
|
|
|
ion-action-sheet,css-prop,--button-background-selected-opacity,md
|
|
|
|
|
ion-action-sheet,css-prop,--button-color,ios
|
|
|
|
|
ion-action-sheet,css-prop,--button-color,md
|
|
|
|
|
ion-action-sheet,css-prop,--button-color-activated,ios
|
|
|
|
|
ion-action-sheet,css-prop,--button-color-activated,md
|
|
|
|
|
ion-action-sheet,css-prop,--button-color-disabled,ios
|
|
|
|
|
ion-action-sheet,css-prop,--button-color-disabled,md
|
|
|
|
|
ion-action-sheet,css-prop,--button-color-focused,ios
|
|
|
|
|
ion-action-sheet,css-prop,--button-color-focused,md
|
|
|
|
|
ion-action-sheet,css-prop,--button-color-hover,ios
|
|
|
|
|
ion-action-sheet,css-prop,--button-color-hover,md
|
|
|
|
|
ion-action-sheet,css-prop,--button-color-selected,ios
|
|
|
|
|
ion-action-sheet,css-prop,--button-color-selected,md
|
|
|
|
|
ion-action-sheet,css-prop,--color,ios
|
|
|
|
|
ion-action-sheet,css-prop,--color,md
|
|
|
|
|
ion-action-sheet,css-prop,--height,ios
|
|
|
|
|
ion-action-sheet,css-prop,--height,md
|
|
|
|
|
ion-action-sheet,css-prop,--max-height,ios
|
|
|
|
|
ion-action-sheet,css-prop,--max-height,md
|
|
|
|
|
ion-action-sheet,css-prop,--max-width,ios
|
|
|
|
|
ion-action-sheet,css-prop,--max-width,md
|
|
|
|
|
ion-action-sheet,css-prop,--min-height,ios
|
|
|
|
|
ion-action-sheet,css-prop,--min-height,md
|
|
|
|
|
ion-action-sheet,css-prop,--min-width,ios
|
|
|
|
|
ion-action-sheet,css-prop,--min-width,md
|
|
|
|
|
ion-action-sheet,css-prop,--width,ios
|
|
|
|
|
ion-action-sheet,css-prop,--width,md
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-alert,scoped
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-alert,prop,animated,boolean,true,false,false
|
|
|
|
|
ion-alert,prop,backdropDismiss,boolean,true,false,false
|
|
|
|
|
ion-alert,prop,buttons,(string | AlertButton)[],[],false,false
|
|
|
|
|
ion-alert,prop,cssClass,string | string[] | undefined,undefined,false,false
|
2019-10-11 13:47:52 -04:00
|
|
|
ion-alert,prop,enterAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-alert,prop,header,string | undefined,undefined,false,false
|
2022-04-07 14:11:30 -04:00
|
|
|
ion-alert,prop,htmlAttributes,undefined | { [key: string]: any; },undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-alert,prop,inputs,AlertInput[],[],false,false
|
2022-11-18 13:32:27 -06:00
|
|
|
ion-alert,prop,isOpen,boolean,false,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-alert,prop,keyboardClose,boolean,true,false,false
|
2019-10-11 13:47:52 -04:00
|
|
|
ion-alert,prop,leaveAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
2020-04-27 16:03:39 -04:00
|
|
|
ion-alert,prop,message,IonicSafeString | string | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-alert,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-alert,prop,subHeader,string | undefined,undefined,false,false
|
|
|
|
|
ion-alert,prop,translucent,boolean,false,false,false
|
2022-11-18 13:32:27 -06:00
|
|
|
ion-alert,prop,trigger,string | undefined,undefined,false,false
|
2022-09-27 14:03:13 -05:00
|
|
|
ion-alert,method,dismiss,dismiss(data?: any, role?: string) => Promise<boolean>
|
2020-06-03 20:08:27 +07:00
|
|
|
ion-alert,method,onDidDismiss,onDidDismiss<T = any>() => Promise<OverlayEventDetail<T>>
|
|
|
|
|
ion-alert,method,onWillDismiss,onWillDismiss<T = any>() => Promise<OverlayEventDetail<T>>
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-alert,method,present,present() => Promise<void>
|
2022-11-18 13:32:27 -06:00
|
|
|
ion-alert,event,didDismiss,OverlayEventDetail<any>,true
|
|
|
|
|
ion-alert,event,didPresent,void,true
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-alert,event,ionAlertDidDismiss,OverlayEventDetail<any>,true
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-alert,event,ionAlertDidPresent,void,true
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-alert,event,ionAlertWillDismiss,OverlayEventDetail<any>,true
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-alert,event,ionAlertWillPresent,void,true
|
2022-11-18 13:32:27 -06:00
|
|
|
ion-alert,event,willDismiss,OverlayEventDetail<any>,true
|
|
|
|
|
ion-alert,event,willPresent,void,true
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-alert,css-prop,--backdrop-opacity,ios
|
|
|
|
|
ion-alert,css-prop,--backdrop-opacity,md
|
|
|
|
|
ion-alert,css-prop,--background,ios
|
|
|
|
|
ion-alert,css-prop,--background,md
|
|
|
|
|
ion-alert,css-prop,--height,ios
|
|
|
|
|
ion-alert,css-prop,--height,md
|
|
|
|
|
ion-alert,css-prop,--max-height,ios
|
|
|
|
|
ion-alert,css-prop,--max-height,md
|
|
|
|
|
ion-alert,css-prop,--max-width,ios
|
|
|
|
|
ion-alert,css-prop,--max-width,md
|
|
|
|
|
ion-alert,css-prop,--min-height,ios
|
|
|
|
|
ion-alert,css-prop,--min-height,md
|
|
|
|
|
ion-alert,css-prop,--min-width,ios
|
|
|
|
|
ion-alert,css-prop,--min-width,md
|
|
|
|
|
ion-alert,css-prop,--width,ios
|
|
|
|
|
ion-alert,css-prop,--width,md
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-app,none
|
2024-10-01 14:27:03 -04:00
|
|
|
ion-app,method,setFocus,setFocus(elements: HTMLElement[]) => Promise<void>
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-avatar,shadow
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-avatar,css-prop,--border-radius,ios
|
|
|
|
|
ion-avatar,css-prop,--border-radius,md
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-11-14 13:39:35 -06:00
|
|
|
ion-back-button,shadow
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-back-button,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-back-button,prop,defaultHref,string | undefined,undefined,false,false
|
2019-06-12 14:06:29 -04:00
|
|
|
ion-back-button,prop,disabled,boolean,false,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-back-button,prop,icon,null | string | undefined,undefined,false,false
|
|
|
|
|
ion-back-button,prop,mode,"ios" | "md",undefined,false,false
|
2020-06-08 15:49:14 -04:00
|
|
|
ion-back-button,prop,routerAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-back-button,prop,text,null | string | undefined,undefined,false,false
|
2019-06-12 14:06:29 -04:00
|
|
|
ion-back-button,prop,type,"button" | "reset" | "submit",'button',false,false
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-back-button,css-prop,--background,ios
|
|
|
|
|
ion-back-button,css-prop,--background,md
|
|
|
|
|
ion-back-button,css-prop,--background-focused,ios
|
|
|
|
|
ion-back-button,css-prop,--background-focused,md
|
|
|
|
|
ion-back-button,css-prop,--background-focused-opacity,ios
|
|
|
|
|
ion-back-button,css-prop,--background-focused-opacity,md
|
|
|
|
|
ion-back-button,css-prop,--background-hover,ios
|
|
|
|
|
ion-back-button,css-prop,--background-hover,md
|
|
|
|
|
ion-back-button,css-prop,--background-hover-opacity,ios
|
|
|
|
|
ion-back-button,css-prop,--background-hover-opacity,md
|
|
|
|
|
ion-back-button,css-prop,--border-radius,ios
|
|
|
|
|
ion-back-button,css-prop,--border-radius,md
|
|
|
|
|
ion-back-button,css-prop,--color,ios
|
|
|
|
|
ion-back-button,css-prop,--color,md
|
|
|
|
|
ion-back-button,css-prop,--color-focused,ios
|
|
|
|
|
ion-back-button,css-prop,--color-focused,md
|
|
|
|
|
ion-back-button,css-prop,--color-hover,ios
|
|
|
|
|
ion-back-button,css-prop,--color-hover,md
|
|
|
|
|
ion-back-button,css-prop,--icon-font-size,ios
|
|
|
|
|
ion-back-button,css-prop,--icon-font-size,md
|
|
|
|
|
ion-back-button,css-prop,--icon-font-weight,ios
|
|
|
|
|
ion-back-button,css-prop,--icon-font-weight,md
|
|
|
|
|
ion-back-button,css-prop,--icon-margin-bottom,ios
|
|
|
|
|
ion-back-button,css-prop,--icon-margin-bottom,md
|
|
|
|
|
ion-back-button,css-prop,--icon-margin-end,ios
|
|
|
|
|
ion-back-button,css-prop,--icon-margin-end,md
|
|
|
|
|
ion-back-button,css-prop,--icon-margin-start,ios
|
|
|
|
|
ion-back-button,css-prop,--icon-margin-start,md
|
|
|
|
|
ion-back-button,css-prop,--icon-margin-top,ios
|
|
|
|
|
ion-back-button,css-prop,--icon-margin-top,md
|
|
|
|
|
ion-back-button,css-prop,--icon-padding-bottom,ios
|
|
|
|
|
ion-back-button,css-prop,--icon-padding-bottom,md
|
|
|
|
|
ion-back-button,css-prop,--icon-padding-end,ios
|
|
|
|
|
ion-back-button,css-prop,--icon-padding-end,md
|
|
|
|
|
ion-back-button,css-prop,--icon-padding-start,ios
|
|
|
|
|
ion-back-button,css-prop,--icon-padding-start,md
|
|
|
|
|
ion-back-button,css-prop,--icon-padding-top,ios
|
|
|
|
|
ion-back-button,css-prop,--icon-padding-top,md
|
|
|
|
|
ion-back-button,css-prop,--margin-bottom,ios
|
|
|
|
|
ion-back-button,css-prop,--margin-bottom,md
|
|
|
|
|
ion-back-button,css-prop,--margin-end,ios
|
|
|
|
|
ion-back-button,css-prop,--margin-end,md
|
|
|
|
|
ion-back-button,css-prop,--margin-start,ios
|
|
|
|
|
ion-back-button,css-prop,--margin-start,md
|
|
|
|
|
ion-back-button,css-prop,--margin-top,ios
|
|
|
|
|
ion-back-button,css-prop,--margin-top,md
|
|
|
|
|
ion-back-button,css-prop,--min-height,ios
|
|
|
|
|
ion-back-button,css-prop,--min-height,md
|
|
|
|
|
ion-back-button,css-prop,--min-width,ios
|
|
|
|
|
ion-back-button,css-prop,--min-width,md
|
|
|
|
|
ion-back-button,css-prop,--opacity,ios
|
|
|
|
|
ion-back-button,css-prop,--opacity,md
|
|
|
|
|
ion-back-button,css-prop,--padding-bottom,ios
|
|
|
|
|
ion-back-button,css-prop,--padding-bottom,md
|
|
|
|
|
ion-back-button,css-prop,--padding-end,ios
|
|
|
|
|
ion-back-button,css-prop,--padding-end,md
|
|
|
|
|
ion-back-button,css-prop,--padding-start,ios
|
|
|
|
|
ion-back-button,css-prop,--padding-start,md
|
|
|
|
|
ion-back-button,css-prop,--padding-top,ios
|
|
|
|
|
ion-back-button,css-prop,--padding-top,md
|
|
|
|
|
ion-back-button,css-prop,--ripple-color,ios
|
|
|
|
|
ion-back-button,css-prop,--ripple-color,md
|
|
|
|
|
ion-back-button,css-prop,--transition,ios
|
|
|
|
|
ion-back-button,css-prop,--transition,md
|
2020-06-10 09:58:33 -04:00
|
|
|
ion-back-button,part,icon
|
|
|
|
|
ion-back-button,part,native
|
|
|
|
|
ion-back-button,part,text
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-backdrop,shadow
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-backdrop,prop,stopPropagation,boolean,true,false,false
|
|
|
|
|
ion-backdrop,prop,tappable,boolean,true,false,false
|
|
|
|
|
ion-backdrop,prop,visible,boolean,true,false,false
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-backdrop,event,ionBackdropTap,void,true
|
|
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-badge,shadow
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-badge,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-badge,prop,mode,"ios" | "md",undefined,false,false
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-badge,css-prop,--background,ios
|
|
|
|
|
ion-badge,css-prop,--background,md
|
|
|
|
|
ion-badge,css-prop,--color,ios
|
|
|
|
|
ion-badge,css-prop,--color,md
|
|
|
|
|
ion-badge,css-prop,--padding-bottom,ios
|
|
|
|
|
ion-badge,css-prop,--padding-bottom,md
|
|
|
|
|
ion-badge,css-prop,--padding-end,ios
|
|
|
|
|
ion-badge,css-prop,--padding-end,md
|
|
|
|
|
ion-badge,css-prop,--padding-start,ios
|
|
|
|
|
ion-badge,css-prop,--padding-start,md
|
|
|
|
|
ion-badge,css-prop,--padding-top,ios
|
|
|
|
|
ion-badge,css-prop,--padding-top,md
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2021-06-17 18:19:10 -04:00
|
|
|
ion-breadcrumb,shadow
|
|
|
|
|
ion-breadcrumb,prop,active,boolean,false,false,false
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-breadcrumb,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,false
|
2021-06-17 18:19:10 -04:00
|
|
|
ion-breadcrumb,prop,disabled,boolean,false,false,false
|
|
|
|
|
ion-breadcrumb,prop,download,string | undefined,undefined,false,false
|
|
|
|
|
ion-breadcrumb,prop,href,string | undefined,undefined,false,false
|
|
|
|
|
ion-breadcrumb,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-breadcrumb,prop,rel,string | undefined,undefined,false,false
|
|
|
|
|
ion-breadcrumb,prop,routerAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
|
|
|
|
ion-breadcrumb,prop,routerDirection,"back" | "forward" | "root",'forward',false,false
|
|
|
|
|
ion-breadcrumb,prop,separator,boolean | undefined,undefined,false,false
|
|
|
|
|
ion-breadcrumb,prop,target,string | undefined,undefined,false,false
|
|
|
|
|
ion-breadcrumb,event,ionBlur,void,true
|
|
|
|
|
ion-breadcrumb,event,ionFocus,void,true
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-breadcrumb,css-prop,--background-focused,ios
|
|
|
|
|
ion-breadcrumb,css-prop,--background-focused,md
|
|
|
|
|
ion-breadcrumb,css-prop,--color,ios
|
|
|
|
|
ion-breadcrumb,css-prop,--color,md
|
|
|
|
|
ion-breadcrumb,css-prop,--color-active,ios
|
|
|
|
|
ion-breadcrumb,css-prop,--color-active,md
|
|
|
|
|
ion-breadcrumb,css-prop,--color-focused,ios
|
|
|
|
|
ion-breadcrumb,css-prop,--color-focused,md
|
|
|
|
|
ion-breadcrumb,css-prop,--color-hover,ios
|
|
|
|
|
ion-breadcrumb,css-prop,--color-hover,md
|
2021-06-17 18:19:10 -04:00
|
|
|
ion-breadcrumb,part,collapsed-indicator
|
|
|
|
|
ion-breadcrumb,part,native
|
|
|
|
|
ion-breadcrumb,part,separator
|
|
|
|
|
|
|
|
|
|
ion-breadcrumbs,shadow
|
2023-03-30 17:11:22 -04:00
|
|
|
ion-breadcrumbs,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2021-06-17 18:19:10 -04:00
|
|
|
ion-breadcrumbs,prop,itemsAfterCollapse,number,1,false,false
|
|
|
|
|
ion-breadcrumbs,prop,itemsBeforeCollapse,number,1,false,false
|
|
|
|
|
ion-breadcrumbs,prop,maxItems,number | undefined,undefined,false,false
|
|
|
|
|
ion-breadcrumbs,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-breadcrumbs,event,ionCollapsedClick,BreadcrumbCollapsedClickEventDetail,true
|
|
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-button,shadow
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-button,prop,buttonType,string,'button',false,false
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-button,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-button,prop,disabled,boolean,false,false,true
|
2019-06-12 14:06:29 -04:00
|
|
|
ion-button,prop,download,string | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-button,prop,expand,"block" | "full" | undefined,undefined,false,true
|
|
|
|
|
ion-button,prop,fill,"clear" | "default" | "outline" | "solid" | undefined,undefined,false,true
|
2022-09-30 20:10:40 +02:00
|
|
|
ion-button,prop,form,HTMLFormElement | string | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-button,prop,href,string | undefined,undefined,false,false
|
|
|
|
|
ion-button,prop,mode,"ios" | "md",undefined,false,false
|
2019-06-12 14:06:29 -04:00
|
|
|
ion-button,prop,rel,string | undefined,undefined,false,false
|
2020-06-08 15:49:14 -04:00
|
|
|
ion-button,prop,routerAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-button,prop,routerDirection,"back" | "forward" | "root",'forward',false,false
|
|
|
|
|
ion-button,prop,shape,"round" | undefined,undefined,false,true
|
|
|
|
|
ion-button,prop,size,"default" | "large" | "small" | undefined,undefined,false,true
|
|
|
|
|
ion-button,prop,strong,boolean,false,false,false
|
2019-06-12 14:06:29 -04:00
|
|
|
ion-button,prop,target,string | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-button,prop,type,"button" | "reset" | "submit",'button',false,false
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-button,event,ionBlur,void,true
|
|
|
|
|
ion-button,event,ionFocus,void,true
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-button,css-prop,--background,ios
|
|
|
|
|
ion-button,css-prop,--background,md
|
|
|
|
|
ion-button,css-prop,--background-activated,ios
|
|
|
|
|
ion-button,css-prop,--background-activated,md
|
|
|
|
|
ion-button,css-prop,--background-activated-opacity,ios
|
|
|
|
|
ion-button,css-prop,--background-activated-opacity,md
|
|
|
|
|
ion-button,css-prop,--background-focused,ios
|
|
|
|
|
ion-button,css-prop,--background-focused,md
|
|
|
|
|
ion-button,css-prop,--background-focused-opacity,ios
|
|
|
|
|
ion-button,css-prop,--background-focused-opacity,md
|
|
|
|
|
ion-button,css-prop,--background-hover,ios
|
|
|
|
|
ion-button,css-prop,--background-hover,md
|
|
|
|
|
ion-button,css-prop,--background-hover-opacity,ios
|
|
|
|
|
ion-button,css-prop,--background-hover-opacity,md
|
|
|
|
|
ion-button,css-prop,--border-color,ios
|
|
|
|
|
ion-button,css-prop,--border-color,md
|
|
|
|
|
ion-button,css-prop,--border-radius,ios
|
|
|
|
|
ion-button,css-prop,--border-radius,md
|
|
|
|
|
ion-button,css-prop,--border-style,ios
|
|
|
|
|
ion-button,css-prop,--border-style,md
|
|
|
|
|
ion-button,css-prop,--border-width,ios
|
|
|
|
|
ion-button,css-prop,--border-width,md
|
|
|
|
|
ion-button,css-prop,--box-shadow,ios
|
|
|
|
|
ion-button,css-prop,--box-shadow,md
|
|
|
|
|
ion-button,css-prop,--color,ios
|
|
|
|
|
ion-button,css-prop,--color,md
|
|
|
|
|
ion-button,css-prop,--color-activated,ios
|
|
|
|
|
ion-button,css-prop,--color-activated,md
|
|
|
|
|
ion-button,css-prop,--color-focused,ios
|
|
|
|
|
ion-button,css-prop,--color-focused,md
|
|
|
|
|
ion-button,css-prop,--color-hover,ios
|
|
|
|
|
ion-button,css-prop,--color-hover,md
|
|
|
|
|
ion-button,css-prop,--opacity,ios
|
|
|
|
|
ion-button,css-prop,--opacity,md
|
|
|
|
|
ion-button,css-prop,--padding-bottom,ios
|
|
|
|
|
ion-button,css-prop,--padding-bottom,md
|
|
|
|
|
ion-button,css-prop,--padding-end,ios
|
|
|
|
|
ion-button,css-prop,--padding-end,md
|
|
|
|
|
ion-button,css-prop,--padding-start,ios
|
|
|
|
|
ion-button,css-prop,--padding-start,md
|
|
|
|
|
ion-button,css-prop,--padding-top,ios
|
|
|
|
|
ion-button,css-prop,--padding-top,md
|
|
|
|
|
ion-button,css-prop,--ripple-color,ios
|
|
|
|
|
ion-button,css-prop,--ripple-color,md
|
|
|
|
|
ion-button,css-prop,--transition,ios
|
|
|
|
|
ion-button,css-prop,--transition,md
|
2020-06-10 09:58:33 -04:00
|
|
|
ion-button,part,native
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-buttons,scoped
|
2019-09-04 11:38:48 -04:00
|
|
|
ion-buttons,prop,collapse,boolean,false,false,false
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-10-10 14:55:35 -05:00
|
|
|
ion-card,shadow
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-card,prop,button,boolean,false,false,false
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-card,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-card,prop,disabled,boolean,false,false,false
|
|
|
|
|
ion-card,prop,download,string | undefined,undefined,false,false
|
|
|
|
|
ion-card,prop,href,string | undefined,undefined,false,false
|
|
|
|
|
ion-card,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-card,prop,rel,string | undefined,undefined,false,false
|
2020-06-08 15:49:14 -04:00
|
|
|
ion-card,prop,routerAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-card,prop,routerDirection,"back" | "forward" | "root",'forward',false,false
|
|
|
|
|
ion-card,prop,target,string | undefined,undefined,false,false
|
|
|
|
|
ion-card,prop,type,"button" | "reset" | "submit",'button',false,false
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-card,css-prop,--background,ios
|
|
|
|
|
ion-card,css-prop,--background,md
|
|
|
|
|
ion-card,css-prop,--color,ios
|
|
|
|
|
ion-card,css-prop,--color,md
|
2020-06-10 09:58:33 -04:00
|
|
|
ion-card,part,native
|
2019-06-19 21:33:50 +02:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-card-content,none
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-card-content,prop,mode,"ios" | "md",undefined,false,false
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-card-header,shadow
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-card-header,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-card-header,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-card-header,prop,translucent,boolean,false,false,false
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-card-subtitle,shadow
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-card-subtitle,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-card-subtitle,prop,mode,"ios" | "md",undefined,false,false
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-card-subtitle,css-prop,--color,ios
|
|
|
|
|
ion-card-subtitle,css-prop,--color,md
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-card-title,shadow
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-card-title,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-card-title,prop,mode,"ios" | "md",undefined,false,false
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-card-title,css-prop,--color,ios
|
|
|
|
|
ion-card-title,css-prop,--color,md
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-checkbox,shadow
|
2024-08-28 15:06:20 -04:00
|
|
|
ion-checkbox,prop,alignment,"center" | "start" | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-checkbox,prop,checked,boolean,false,false,false
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-checkbox,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-checkbox,prop,disabled,boolean,false,false,false
|
2025-03-10 18:25:28 -04:00
|
|
|
ion-checkbox,prop,errorText,string | undefined,undefined,false,false
|
|
|
|
|
ion-checkbox,prop,helperText,string | undefined,undefined,false,false
|
2019-03-04 17:16:41 +01:00
|
|
|
ion-checkbox,prop,indeterminate,boolean,false,false,false
|
2024-08-28 15:06:20 -04:00
|
|
|
ion-checkbox,prop,justify,"end" | "space-between" | "start" | undefined,undefined,false,false
|
2023-09-01 09:30:59 -07:00
|
|
|
ion-checkbox,prop,labelPlacement,"end" | "fixed" | "stacked" | "start",'start',false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-checkbox,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-checkbox,prop,name,string,this.inputId,false,false
|
2025-02-04 11:54:23 +00:00
|
|
|
ion-checkbox,prop,required,boolean,false,false,false
|
2021-10-04 11:19:49 -05:00
|
|
|
ion-checkbox,prop,value,any,'on',false,false
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-checkbox,event,ionBlur,void,true
|
2021-08-03 23:29:53 +03:00
|
|
|
ion-checkbox,event,ionChange,CheckboxChangeEventDetail<any>,true
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-checkbox,event,ionFocus,void,true
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-checkbox,css-prop,--border-color,ios
|
|
|
|
|
ion-checkbox,css-prop,--border-color,md
|
|
|
|
|
ion-checkbox,css-prop,--border-color-checked,ios
|
|
|
|
|
ion-checkbox,css-prop,--border-color-checked,md
|
|
|
|
|
ion-checkbox,css-prop,--border-radius,ios
|
|
|
|
|
ion-checkbox,css-prop,--border-radius,md
|
|
|
|
|
ion-checkbox,css-prop,--border-style,ios
|
|
|
|
|
ion-checkbox,css-prop,--border-style,md
|
|
|
|
|
ion-checkbox,css-prop,--border-width,ios
|
|
|
|
|
ion-checkbox,css-prop,--border-width,md
|
|
|
|
|
ion-checkbox,css-prop,--checkbox-background,ios
|
|
|
|
|
ion-checkbox,css-prop,--checkbox-background,md
|
|
|
|
|
ion-checkbox,css-prop,--checkbox-background-checked,ios
|
|
|
|
|
ion-checkbox,css-prop,--checkbox-background-checked,md
|
|
|
|
|
ion-checkbox,css-prop,--checkmark-color,ios
|
|
|
|
|
ion-checkbox,css-prop,--checkmark-color,md
|
|
|
|
|
ion-checkbox,css-prop,--checkmark-width,ios
|
|
|
|
|
ion-checkbox,css-prop,--checkmark-width,md
|
|
|
|
|
ion-checkbox,css-prop,--size,ios
|
|
|
|
|
ion-checkbox,css-prop,--size,md
|
|
|
|
|
ion-checkbox,css-prop,--transition,ios
|
|
|
|
|
ion-checkbox,css-prop,--transition,md
|
2020-04-23 12:19:24 -04:00
|
|
|
ion-checkbox,part,container
|
2025-03-10 18:25:28 -04:00
|
|
|
ion-checkbox,part,error-text
|
|
|
|
|
ion-checkbox,part,helper-text
|
2023-12-01 11:26:05 -05:00
|
|
|
ion-checkbox,part,label
|
2020-04-23 12:19:24 -04:00
|
|
|
ion-checkbox,part,mark
|
2025-03-10 18:25:28 -04:00
|
|
|
ion-checkbox,part,supporting-text
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-chip,shadow
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-chip,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2020-11-05 20:18:24 +01:00
|
|
|
ion-chip,prop,disabled,boolean,false,false,false
|
2023-01-30 11:52:36 -05:00
|
|
|
ion-chip,prop,mode,"ios" | "md",undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-chip,prop,outline,boolean,false,false,false
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-chip,css-prop,--background,ios
|
|
|
|
|
ion-chip,css-prop,--background,md
|
|
|
|
|
ion-chip,css-prop,--color,ios
|
|
|
|
|
ion-chip,css-prop,--color,md
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-col,shadow
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-col,prop,offset,string | undefined,undefined,false,false
|
|
|
|
|
ion-col,prop,offsetLg,string | undefined,undefined,false,false
|
|
|
|
|
ion-col,prop,offsetMd,string | undefined,undefined,false,false
|
|
|
|
|
ion-col,prop,offsetSm,string | undefined,undefined,false,false
|
|
|
|
|
ion-col,prop,offsetXl,string | undefined,undefined,false,false
|
|
|
|
|
ion-col,prop,offsetXs,string | undefined,undefined,false,false
|
|
|
|
|
ion-col,prop,pull,string | undefined,undefined,false,false
|
|
|
|
|
ion-col,prop,pullLg,string | undefined,undefined,false,false
|
|
|
|
|
ion-col,prop,pullMd,string | undefined,undefined,false,false
|
|
|
|
|
ion-col,prop,pullSm,string | undefined,undefined,false,false
|
|
|
|
|
ion-col,prop,pullXl,string | undefined,undefined,false,false
|
|
|
|
|
ion-col,prop,pullXs,string | undefined,undefined,false,false
|
|
|
|
|
ion-col,prop,push,string | undefined,undefined,false,false
|
|
|
|
|
ion-col,prop,pushLg,string | undefined,undefined,false,false
|
|
|
|
|
ion-col,prop,pushMd,string | undefined,undefined,false,false
|
|
|
|
|
ion-col,prop,pushSm,string | undefined,undefined,false,false
|
|
|
|
|
ion-col,prop,pushXl,string | undefined,undefined,false,false
|
|
|
|
|
ion-col,prop,pushXs,string | undefined,undefined,false,false
|
|
|
|
|
ion-col,prop,size,string | undefined,undefined,false,false
|
|
|
|
|
ion-col,prop,sizeLg,string | undefined,undefined,false,false
|
|
|
|
|
ion-col,prop,sizeMd,string | undefined,undefined,false,false
|
|
|
|
|
ion-col,prop,sizeSm,string | undefined,undefined,false,false
|
|
|
|
|
ion-col,prop,sizeXl,string | undefined,undefined,false,false
|
|
|
|
|
ion-col,prop,sizeXs,string | undefined,undefined,false,false
|
2018-11-21 11:43:27 +01:00
|
|
|
ion-col,css-prop,--ion-grid-column-padding
|
|
|
|
|
ion-col,css-prop,--ion-grid-column-padding-lg
|
|
|
|
|
ion-col,css-prop,--ion-grid-column-padding-md
|
|
|
|
|
ion-col,css-prop,--ion-grid-column-padding-sm
|
|
|
|
|
ion-col,css-prop,--ion-grid-column-padding-xl
|
|
|
|
|
ion-col,css-prop,--ion-grid-column-padding-xs
|
|
|
|
|
ion-col,css-prop,--ion-grid-columns
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-content,shadow
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-content,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2024-04-02 11:52:02 -04:00
|
|
|
ion-content,prop,fixedSlotPlacement,"after" | "before",'after',false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-content,prop,forceOverscroll,boolean | undefined,undefined,false,false
|
|
|
|
|
ion-content,prop,fullscreen,boolean,false,false,false
|
|
|
|
|
ion-content,prop,scrollEvents,boolean,false,false,false
|
|
|
|
|
ion-content,prop,scrollX,boolean,false,false,false
|
|
|
|
|
ion-content,prop,scrollY,boolean,true,false,false
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-content,method,getScrollElement,getScrollElement() => Promise<HTMLElement>
|
|
|
|
|
ion-content,method,scrollByPoint,scrollByPoint(x: number, y: number, duration: number) => Promise<void>
|
|
|
|
|
ion-content,method,scrollToBottom,scrollToBottom(duration?: number) => Promise<void>
|
2020-06-10 11:36:02 -04:00
|
|
|
ion-content,method,scrollToPoint,scrollToPoint(x: number | undefined | null, y: number | undefined | null, duration?: number) => Promise<void>
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-content,method,scrollToTop,scrollToTop(duration?: number) => Promise<void>
|
|
|
|
|
ion-content,event,ionScroll,ScrollDetail,true
|
|
|
|
|
ion-content,event,ionScrollEnd,ScrollBaseDetail,true
|
|
|
|
|
ion-content,event,ionScrollStart,ScrollBaseDetail,true
|
2018-11-21 11:43:27 +01:00
|
|
|
ion-content,css-prop,--background
|
|
|
|
|
ion-content,css-prop,--color
|
|
|
|
|
ion-content,css-prop,--keyboard-offset
|
|
|
|
|
ion-content,css-prop,--offset-bottom
|
|
|
|
|
ion-content,css-prop,--offset-top
|
|
|
|
|
ion-content,css-prop,--padding-bottom
|
|
|
|
|
ion-content,css-prop,--padding-end
|
|
|
|
|
ion-content,css-prop,--padding-start
|
|
|
|
|
ion-content,css-prop,--padding-top
|
2020-04-27 16:01:39 -04:00
|
|
|
ion-content,part,background
|
|
|
|
|
ion-content,part,scroll
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-datetime,shadow
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-datetime,prop,cancelText,string,'Cancel',false,false
|
2021-09-14 22:52:33 -04:00
|
|
|
ion-datetime,prop,clearText,string,'Clear',false,false
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-datetime,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,'primary',false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-datetime,prop,dayValues,number | number[] | string | undefined,undefined,false,false
|
|
|
|
|
ion-datetime,prop,disabled,boolean,false,false,false
|
|
|
|
|
ion-datetime,prop,doneText,string,'Done',false,false
|
2021-08-17 16:45:39 +02:00
|
|
|
ion-datetime,prop,firstDayOfWeek,number,0,false,false
|
2024-02-22 12:45:47 -05:00
|
|
|
ion-datetime,prop,formatOptions,undefined | { date: DateTimeFormatOptions; time?: DateTimeFormatOptions | undefined; } | { date?: DateTimeFormatOptions | undefined; time: DateTimeFormatOptions; },undefined,false,false
|
2023-02-22 09:01:33 -06:00
|
|
|
ion-datetime,prop,highlightedDates,((dateIsoString: string) => DatetimeHighlightStyle | undefined) | DatetimeHighlight[] | undefined,undefined,false,false
|
feat(datetime): add support for h11 and h24 hour formats (#28219)
Issue number: resolves #23750
---------
<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->
<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->
## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->
Datetime does not support h11 and h24 hour formats
## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->
- Datetime supports h11 and h24 formats
## Does this introduce a breaking change?
- [ ] Yes
- [x] No
<!-- If this introduces a breaking change, please describe the impact
and migration path for existing applications below. -->
## Other information
<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->
Implementation Notes:
1. I broke up the `is24Hour` function into two functions:
- The first function, `is24Hour`, accepts an hour cycle and returns true
if the hourCycle preference uses a 24 hour format
- The second function, getHourCycle, accepts a locale and an optional
hour cycle and returns the computed hour cycle. I found that the hour
cycle is not always set via `hourCycle` (such as when we are using the
system default if it's specified in the `locale` prop using locale
extension tags). This was coupled to is24Hour, but I needed this
functionality elsewhere to add support for this feature, so I decided to
break the functions up.
2. We were using the hour cycle types in several places, so I decided to
create a shared `DatetimeHourCycle` to avoid accidental typos.
2023-09-28 11:40:46 -04:00
|
|
|
ion-datetime,prop,hourCycle,"h11" | "h12" | "h23" | "h24" | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-datetime,prop,hourValues,number | number[] | string | undefined,undefined,false,false
|
2022-03-11 14:40:03 -05:00
|
|
|
ion-datetime,prop,isDateEnabled,((dateIsoString: string) => boolean) | undefined,undefined,false,false
|
2021-06-16 15:54:15 -04:00
|
|
|
ion-datetime,prop,locale,string,'default',false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-datetime,prop,max,string | undefined,undefined,false,false
|
|
|
|
|
ion-datetime,prop,min,string | undefined,undefined,false,false
|
|
|
|
|
ion-datetime,prop,minuteValues,number | number[] | string | undefined,undefined,false,false
|
|
|
|
|
ion-datetime,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-datetime,prop,monthValues,number | number[] | string | undefined,undefined,false,false
|
2022-07-20 13:44:30 -05:00
|
|
|
ion-datetime,prop,multiple,boolean,false,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-datetime,prop,name,string,this.inputId,false,false
|
2022-06-14 16:35:47 -04:00
|
|
|
ion-datetime,prop,preferWheel,boolean,false,false,false
|
2021-09-14 09:10:43 -04:00
|
|
|
ion-datetime,prop,presentation,"date" | "date-time" | "month" | "month-year" | "time" | "time-date" | "year",'date-time',false,false
|
2019-01-19 05:24:58 +13:00
|
|
|
ion-datetime,prop,readonly,boolean,false,false,false
|
2025-03-19 16:39:01 +00:00
|
|
|
ion-datetime,prop,showAdjacentDays,boolean,false,false,false
|
2021-09-14 22:52:33 -04:00
|
|
|
ion-datetime,prop,showClearButton,boolean,false,false,false
|
2021-06-16 15:54:15 -04:00
|
|
|
ion-datetime,prop,showDefaultButtons,boolean,false,false,false
|
2021-07-07 15:21:13 +02:00
|
|
|
ion-datetime,prop,showDefaultTimeLabel,boolean,true,false,false
|
2021-06-16 15:54:15 -04:00
|
|
|
ion-datetime,prop,showDefaultTitle,boolean,false,false,false
|
2021-07-20 12:31:38 -04:00
|
|
|
ion-datetime,prop,size,"cover" | "fixed",'fixed',false,false
|
2022-08-29 11:18:45 -05:00
|
|
|
ion-datetime,prop,titleSelectedDatesFormatter,((selectedDates: string[]) => string) | undefined,undefined,false,false
|
2022-07-20 13:44:30 -05:00
|
|
|
ion-datetime,prop,value,null | string | string[] | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-datetime,prop,yearValues,number | number[] | string | undefined,undefined,false,false
|
2021-06-16 15:54:15 -04:00
|
|
|
ion-datetime,method,cancel,cancel(closeOverlay?: boolean) => Promise<void>
|
|
|
|
|
ion-datetime,method,confirm,confirm(closeOverlay?: boolean) => Promise<void>
|
2022-09-27 14:03:13 -05:00
|
|
|
ion-datetime,method,reset,reset(startDate?: string) => Promise<void>
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-datetime,event,ionBlur,void,true
|
|
|
|
|
ion-datetime,event,ionCancel,void,true
|
2018-12-28 20:12:54 +01:00
|
|
|
ion-datetime,event,ionChange,DatetimeChangeEventDetail,true
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-datetime,event,ionFocus,void,true
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-datetime,css-prop,--background,ios
|
|
|
|
|
ion-datetime,css-prop,--background,md
|
|
|
|
|
ion-datetime,css-prop,--background-rgb,ios
|
|
|
|
|
ion-datetime,css-prop,--background-rgb,md
|
|
|
|
|
ion-datetime,css-prop,--title-color,ios
|
|
|
|
|
ion-datetime,css-prop,--title-color,md
|
|
|
|
|
ion-datetime,css-prop,--wheel-fade-background-rgb,ios
|
|
|
|
|
ion-datetime,css-prop,--wheel-fade-background-rgb,md
|
|
|
|
|
ion-datetime,css-prop,--wheel-highlight-background,ios
|
|
|
|
|
ion-datetime,css-prop,--wheel-highlight-background,md
|
|
|
|
|
ion-datetime,css-prop,--wheel-highlight-border-radius,ios
|
|
|
|
|
ion-datetime,css-prop,--wheel-highlight-border-radius,md
|
2023-09-06 11:58:41 -04:00
|
|
|
ion-datetime,part,calendar-day
|
|
|
|
|
ion-datetime,part,calendar-day active
|
2023-09-07 15:57:38 -04:00
|
|
|
ion-datetime,part,calendar-day disabled
|
2023-09-06 11:58:41 -04:00
|
|
|
ion-datetime,part,calendar-day today
|
2026-02-20 13:36:39 -08:00
|
|
|
ion-datetime,part,calendar-days-of-week
|
|
|
|
|
ion-datetime,part,calendar-header
|
|
|
|
|
ion-datetime,part,datetime-header
|
|
|
|
|
ion-datetime,part,datetime-selected-date
|
|
|
|
|
ion-datetime,part,datetime-title
|
2023-06-08 16:07:00 -04:00
|
|
|
ion-datetime,part,month-year-button
|
2026-02-20 13:36:39 -08:00
|
|
|
ion-datetime,part,navigation-button
|
|
|
|
|
ion-datetime,part,next-button
|
|
|
|
|
ion-datetime,part,previous-button
|
2023-06-06 11:25:15 -05:00
|
|
|
ion-datetime,part,time-button
|
|
|
|
|
ion-datetime,part,time-button active
|
2026-01-29 06:32:23 -08:00
|
|
|
ion-datetime,part,wheel
|
2023-06-06 11:25:15 -05:00
|
|
|
ion-datetime,part,wheel-item
|
|
|
|
|
ion-datetime,part,wheel-item active
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2022-07-27 09:47:02 -04:00
|
|
|
ion-datetime-button,shadow
|
|
|
|
|
ion-datetime-button,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,'primary',false,true
|
|
|
|
|
ion-datetime-button,prop,datetime,string | undefined,undefined,false,false
|
|
|
|
|
ion-datetime-button,prop,disabled,boolean,false,false,true
|
|
|
|
|
ion-datetime-button,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-datetime-button,part,native
|
|
|
|
|
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-fab,shadow
|
|
|
|
|
ion-fab,prop,activated,boolean,false,false,false
|
|
|
|
|
ion-fab,prop,edge,boolean,false,false,false
|
|
|
|
|
ion-fab,prop,horizontal,"center" | "end" | "start" | undefined,undefined,false,false
|
|
|
|
|
ion-fab,prop,vertical,"bottom" | "center" | "top" | undefined,undefined,false,false
|
|
|
|
|
ion-fab,method,close,close() => Promise<void>
|
|
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-fab-button,shadow
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-fab-button,prop,activated,boolean,false,false,false
|
2022-01-28 09:13:39 -06:00
|
|
|
ion-fab-button,prop,closeIcon,string,close,false,false
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-fab-button,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-fab-button,prop,disabled,boolean,false,false,false
|
2019-06-12 14:06:29 -04:00
|
|
|
ion-fab-button,prop,download,string | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-fab-button,prop,href,string | undefined,undefined,false,false
|
|
|
|
|
ion-fab-button,prop,mode,"ios" | "md",undefined,false,false
|
2019-06-12 14:06:29 -04:00
|
|
|
ion-fab-button,prop,rel,string | undefined,undefined,false,false
|
2020-06-08 15:49:14 -04:00
|
|
|
ion-fab-button,prop,routerAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-fab-button,prop,routerDirection,"back" | "forward" | "root",'forward',false,false
|
|
|
|
|
ion-fab-button,prop,show,boolean,false,false,false
|
|
|
|
|
ion-fab-button,prop,size,"small" | undefined,undefined,false,false
|
2019-06-12 14:06:29 -04:00
|
|
|
ion-fab-button,prop,target,string | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-fab-button,prop,translucent,boolean,false,false,false
|
|
|
|
|
ion-fab-button,prop,type,"button" | "reset" | "submit",'button',false,false
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-fab-button,event,ionBlur,void,true
|
|
|
|
|
ion-fab-button,event,ionFocus,void,true
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-fab-button,css-prop,--background,ios
|
|
|
|
|
ion-fab-button,css-prop,--background,md
|
|
|
|
|
ion-fab-button,css-prop,--background-activated,ios
|
|
|
|
|
ion-fab-button,css-prop,--background-activated,md
|
|
|
|
|
ion-fab-button,css-prop,--background-activated-opacity,ios
|
|
|
|
|
ion-fab-button,css-prop,--background-activated-opacity,md
|
|
|
|
|
ion-fab-button,css-prop,--background-focused,ios
|
|
|
|
|
ion-fab-button,css-prop,--background-focused,md
|
|
|
|
|
ion-fab-button,css-prop,--background-focused-opacity,ios
|
|
|
|
|
ion-fab-button,css-prop,--background-focused-opacity,md
|
|
|
|
|
ion-fab-button,css-prop,--background-hover,ios
|
|
|
|
|
ion-fab-button,css-prop,--background-hover,md
|
|
|
|
|
ion-fab-button,css-prop,--background-hover-opacity,ios
|
|
|
|
|
ion-fab-button,css-prop,--background-hover-opacity,md
|
|
|
|
|
ion-fab-button,css-prop,--border-color,ios
|
|
|
|
|
ion-fab-button,css-prop,--border-color,md
|
|
|
|
|
ion-fab-button,css-prop,--border-radius,ios
|
|
|
|
|
ion-fab-button,css-prop,--border-radius,md
|
|
|
|
|
ion-fab-button,css-prop,--border-style,ios
|
|
|
|
|
ion-fab-button,css-prop,--border-style,md
|
|
|
|
|
ion-fab-button,css-prop,--border-width,ios
|
|
|
|
|
ion-fab-button,css-prop,--border-width,md
|
|
|
|
|
ion-fab-button,css-prop,--box-shadow,ios
|
|
|
|
|
ion-fab-button,css-prop,--box-shadow,md
|
|
|
|
|
ion-fab-button,css-prop,--close-icon-font-size,ios
|
|
|
|
|
ion-fab-button,css-prop,--close-icon-font-size,md
|
|
|
|
|
ion-fab-button,css-prop,--color,ios
|
|
|
|
|
ion-fab-button,css-prop,--color,md
|
|
|
|
|
ion-fab-button,css-prop,--color-activated,ios
|
|
|
|
|
ion-fab-button,css-prop,--color-activated,md
|
|
|
|
|
ion-fab-button,css-prop,--color-focused,ios
|
|
|
|
|
ion-fab-button,css-prop,--color-focused,md
|
|
|
|
|
ion-fab-button,css-prop,--color-hover,ios
|
|
|
|
|
ion-fab-button,css-prop,--color-hover,md
|
|
|
|
|
ion-fab-button,css-prop,--padding-bottom,ios
|
|
|
|
|
ion-fab-button,css-prop,--padding-bottom,md
|
|
|
|
|
ion-fab-button,css-prop,--padding-end,ios
|
|
|
|
|
ion-fab-button,css-prop,--padding-end,md
|
|
|
|
|
ion-fab-button,css-prop,--padding-start,ios
|
|
|
|
|
ion-fab-button,css-prop,--padding-start,md
|
|
|
|
|
ion-fab-button,css-prop,--padding-top,ios
|
|
|
|
|
ion-fab-button,css-prop,--padding-top,md
|
|
|
|
|
ion-fab-button,css-prop,--ripple-color,ios
|
|
|
|
|
ion-fab-button,css-prop,--ripple-color,md
|
|
|
|
|
ion-fab-button,css-prop,--transition,ios
|
|
|
|
|
ion-fab-button,css-prop,--transition,md
|
2020-06-10 09:58:33 -04:00
|
|
|
ion-fab-button,part,close-icon
|
|
|
|
|
ion-fab-button,part,native
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-fab-list,shadow
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-fab-list,prop,activated,boolean,false,false,false
|
|
|
|
|
ion-fab-list,prop,side,"bottom" | "end" | "start" | "top",'bottom',false,false
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-footer,none
|
2021-10-05 16:44:23 -04:00
|
|
|
ion-footer,prop,collapse,"fade" | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-footer,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-footer,prop,translucent,boolean,false,false,false
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-grid,shadow
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-grid,prop,fixed,boolean,false,false,false
|
2018-11-21 11:43:27 +01:00
|
|
|
ion-grid,css-prop,--ion-grid-padding
|
|
|
|
|
ion-grid,css-prop,--ion-grid-padding-lg
|
|
|
|
|
ion-grid,css-prop,--ion-grid-padding-md
|
|
|
|
|
ion-grid,css-prop,--ion-grid-padding-sm
|
|
|
|
|
ion-grid,css-prop,--ion-grid-padding-xl
|
|
|
|
|
ion-grid,css-prop,--ion-grid-padding-xs
|
|
|
|
|
ion-grid,css-prop,--ion-grid-width
|
|
|
|
|
ion-grid,css-prop,--ion-grid-width-lg
|
|
|
|
|
ion-grid,css-prop,--ion-grid-width-md
|
|
|
|
|
ion-grid,css-prop,--ion-grid-width-sm
|
|
|
|
|
ion-grid,css-prop,--ion-grid-width-xl
|
|
|
|
|
ion-grid,css-prop,--ion-grid-width-xs
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-header,none
|
2021-10-05 16:44:23 -04:00
|
|
|
ion-header,prop,collapse,"condense" | "fade" | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-header,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-header,prop,translucent,boolean,false,false,false
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-img,shadow
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-img,prop,alt,string | undefined,undefined,false,false
|
|
|
|
|
ion-img,prop,src,string | undefined,undefined,false,false
|
2019-03-27 22:58:03 +08:00
|
|
|
ion-img,event,ionError,void,true
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-img,event,ionImgDidLoad,void,true
|
2019-05-01 16:03:16 -04:00
|
|
|
ion-img,event,ionImgWillLoad,void,true
|
2020-04-23 12:19:52 -04:00
|
|
|
ion-img,part,image
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-infinite-scroll,none
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-infinite-scroll,prop,disabled,boolean,false,false,false
|
|
|
|
|
ion-infinite-scroll,prop,position,"bottom" | "top",'bottom',false,false
|
|
|
|
|
ion-infinite-scroll,prop,threshold,string,'15%',false,false
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-infinite-scroll,method,complete,complete() => Promise<void>
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-infinite-scroll,event,ionInfinite,void,true
|
|
|
|
|
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-infinite-scroll-content,none
|
2021-02-11 20:21:56 +01:00
|
|
|
ion-infinite-scroll-content,prop,loadingSpinner,"bubbles" | "circles" | "circular" | "crescent" | "dots" | "lines" | "lines-sharp" | "lines-sharp-small" | "lines-small" | null | undefined,undefined,false,false
|
2020-04-27 16:03:39 -04:00
|
|
|
ion-infinite-scroll-content,prop,loadingText,IonicSafeString | string | undefined,undefined,false,false
|
2019-06-19 21:33:50 +02:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-input,scoped
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-input,prop,autocapitalize,string,'off',false,false
|
2026-02-19 13:27:25 -07:00
|
|
|
ion-input,prop,autocomplete,"additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday" | "bday-day" | "bday-month" | "bday-year" | "cc-additional-name" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "email" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "impp" | "language" | "name" | "new-password" | "nickname" | "off" | "on" | "one-time-code" | "organization" | "organization-title" | "photo" | "postal-code" | "sex" | "street-address" | "tel" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "transaction-amount" | "transaction-currency" | "url" | "username",'off',false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-input,prop,autocorrect,"off" | "on",'off',false,false
|
|
|
|
|
ion-input,prop,autofocus,boolean,false,false,false
|
|
|
|
|
ion-input,prop,clearInput,boolean,false,false,false
|
2024-04-02 10:30:33 -04:00
|
|
|
ion-input,prop,clearInputIcon,string | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-input,prop,clearOnEdit,boolean | undefined,undefined,false,false
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-input,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2022-11-15 11:46:44 -05:00
|
|
|
ion-input,prop,counter,boolean,false,false,false
|
|
|
|
|
ion-input,prop,counterFormatter,((inputLength: number, maxLength: number) => string) | undefined,undefined,false,false
|
2022-11-09 13:55:20 -06:00
|
|
|
ion-input,prop,debounce,number | undefined,undefined,false,false
|
2024-03-25 13:22:06 -04:00
|
|
|
ion-input,prop,disabled,boolean,false,false,true
|
2020-04-15 15:08:12 -04:00
|
|
|
ion-input,prop,enterkeyhint,"done" | "enter" | "go" | "next" | "previous" | "search" | "send" | undefined,undefined,false,false
|
2022-11-15 11:46:44 -05:00
|
|
|
ion-input,prop,errorText,string | undefined,undefined,false,false
|
|
|
|
|
ion-input,prop,fill,"outline" | "solid" | undefined,undefined,false,false
|
|
|
|
|
ion-input,prop,helperText,string | undefined,undefined,false,false
|
2019-08-26 22:07:54 +02:00
|
|
|
ion-input,prop,inputmode,"decimal" | "email" | "none" | "numeric" | "search" | "tel" | "text" | "url" | undefined,undefined,false,false
|
2022-11-15 11:46:44 -05:00
|
|
|
ion-input,prop,label,string | undefined,undefined,false,false
|
|
|
|
|
ion-input,prop,labelPlacement,"end" | "fixed" | "floating" | "stacked" | "start",'start',false,false
|
2022-01-27 12:29:52 -05:00
|
|
|
ion-input,prop,max,number | string | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-input,prop,maxlength,number | undefined,undefined,false,false
|
2022-01-27 12:29:52 -05:00
|
|
|
ion-input,prop,min,number | string | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-input,prop,minlength,number | undefined,undefined,false,false
|
|
|
|
|
ion-input,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-input,prop,multiple,boolean | undefined,undefined,false,false
|
|
|
|
|
ion-input,prop,name,string,this.inputId,false,false
|
|
|
|
|
ion-input,prop,pattern,string | undefined,undefined,false,false
|
2021-06-24 10:23:19 -04:00
|
|
|
ion-input,prop,placeholder,string | undefined,undefined,false,false
|
2024-03-25 13:22:06 -04:00
|
|
|
ion-input,prop,readonly,boolean,false,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-input,prop,required,boolean,false,false,false
|
2022-11-15 11:46:44 -05:00
|
|
|
ion-input,prop,shape,"round" | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-input,prop,spellcheck,boolean,false,false,false
|
|
|
|
|
ion-input,prop,step,string | undefined,undefined,false,false
|
2020-07-17 10:46:07 -04:00
|
|
|
ion-input,prop,type,"date" | "datetime-local" | "email" | "month" | "number" | "password" | "search" | "tel" | "text" | "time" | "url" | "week",'text',false,false
|
2020-01-23 11:15:22 -07:00
|
|
|
ion-input,prop,value,null | number | string | undefined,'',false,false
|
2019-01-21 17:19:40 +01:00
|
|
|
ion-input,method,getInputElement,getInputElement() => Promise<HTMLInputElement>
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-input,method,setFocus,setFocus() => Promise<void>
|
2020-07-17 17:43:17 -04:00
|
|
|
ion-input,event,ionBlur,FocusEvent,true
|
2018-12-28 20:12:54 +01:00
|
|
|
ion-input,event,ionChange,InputChangeEventDetail,true
|
2020-07-17 17:43:17 -04:00
|
|
|
ion-input,event,ionFocus,FocusEvent,true
|
2022-11-01 11:30:58 -05:00
|
|
|
ion-input,event,ionInput,InputInputEventDetail,true
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-input,css-prop,--background,ios
|
|
|
|
|
ion-input,css-prop,--background,md
|
|
|
|
|
ion-input,css-prop,--border-color,ios
|
|
|
|
|
ion-input,css-prop,--border-color,md
|
|
|
|
|
ion-input,css-prop,--border-radius,ios
|
|
|
|
|
ion-input,css-prop,--border-radius,md
|
|
|
|
|
ion-input,css-prop,--border-style,ios
|
|
|
|
|
ion-input,css-prop,--border-style,md
|
|
|
|
|
ion-input,css-prop,--border-width,ios
|
|
|
|
|
ion-input,css-prop,--border-width,md
|
|
|
|
|
ion-input,css-prop,--color,ios
|
|
|
|
|
ion-input,css-prop,--color,md
|
|
|
|
|
ion-input,css-prop,--highlight-color-focused,ios
|
|
|
|
|
ion-input,css-prop,--highlight-color-focused,md
|
|
|
|
|
ion-input,css-prop,--highlight-color-invalid,ios
|
|
|
|
|
ion-input,css-prop,--highlight-color-invalid,md
|
|
|
|
|
ion-input,css-prop,--highlight-color-valid,ios
|
|
|
|
|
ion-input,css-prop,--highlight-color-valid,md
|
|
|
|
|
ion-input,css-prop,--highlight-height,ios
|
|
|
|
|
ion-input,css-prop,--highlight-height,md
|
|
|
|
|
ion-input,css-prop,--padding-bottom,ios
|
|
|
|
|
ion-input,css-prop,--padding-bottom,md
|
|
|
|
|
ion-input,css-prop,--padding-end,ios
|
|
|
|
|
ion-input,css-prop,--padding-end,md
|
|
|
|
|
ion-input,css-prop,--padding-start,ios
|
|
|
|
|
ion-input,css-prop,--padding-start,md
|
|
|
|
|
ion-input,css-prop,--padding-top,ios
|
|
|
|
|
ion-input,css-prop,--padding-top,md
|
|
|
|
|
ion-input,css-prop,--placeholder-color,ios
|
|
|
|
|
ion-input,css-prop,--placeholder-color,md
|
|
|
|
|
ion-input,css-prop,--placeholder-font-style,ios
|
|
|
|
|
ion-input,css-prop,--placeholder-font-style,md
|
|
|
|
|
ion-input,css-prop,--placeholder-font-weight,ios
|
|
|
|
|
ion-input,css-prop,--placeholder-font-weight,md
|
|
|
|
|
ion-input,css-prop,--placeholder-opacity,ios
|
|
|
|
|
ion-input,css-prop,--placeholder-opacity,md
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2025-05-29 15:10:37 -04:00
|
|
|
ion-input-otp,scoped
|
|
|
|
|
ion-input-otp,prop,autocapitalize,string,'off',false,false
|
|
|
|
|
ion-input-otp,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
|
|
|
|
ion-input-otp,prop,disabled,boolean,false,false,true
|
|
|
|
|
ion-input-otp,prop,fill,"outline" | "solid" | undefined,'outline',false,false
|
|
|
|
|
ion-input-otp,prop,inputmode,"decimal" | "email" | "none" | "numeric" | "search" | "tel" | "text" | "url" | undefined,undefined,false,false
|
|
|
|
|
ion-input-otp,prop,length,number,4,false,false
|
|
|
|
|
ion-input-otp,prop,pattern,string | undefined,undefined,false,false
|
|
|
|
|
ion-input-otp,prop,readonly,boolean,false,false,true
|
|
|
|
|
ion-input-otp,prop,separators,number[] | string | undefined,undefined,false,false
|
|
|
|
|
ion-input-otp,prop,shape,"rectangular" | "round" | "soft",'round',false,false
|
|
|
|
|
ion-input-otp,prop,size,"large" | "medium" | "small",'medium',false,false
|
|
|
|
|
ion-input-otp,prop,type,"number" | "text",'number',false,false
|
|
|
|
|
ion-input-otp,prop,value,null | number | string | undefined,'',false,false
|
|
|
|
|
ion-input-otp,method,setFocus,setFocus(index?: number) => Promise<void>
|
|
|
|
|
ion-input-otp,event,ionBlur,FocusEvent,true
|
|
|
|
|
ion-input-otp,event,ionChange,InputOtpChangeEventDetail,true
|
|
|
|
|
ion-input-otp,event,ionComplete,InputOtpCompleteEventDetail,true
|
|
|
|
|
ion-input-otp,event,ionFocus,FocusEvent,true
|
|
|
|
|
ion-input-otp,event,ionInput,InputOtpInputEventDetail,true
|
|
|
|
|
ion-input-otp,css-prop,--background,ios
|
|
|
|
|
ion-input-otp,css-prop,--background,md
|
|
|
|
|
ion-input-otp,css-prop,--border-color,ios
|
|
|
|
|
ion-input-otp,css-prop,--border-color,md
|
|
|
|
|
ion-input-otp,css-prop,--border-radius,ios
|
|
|
|
|
ion-input-otp,css-prop,--border-radius,md
|
|
|
|
|
ion-input-otp,css-prop,--border-width,ios
|
|
|
|
|
ion-input-otp,css-prop,--border-width,md
|
|
|
|
|
ion-input-otp,css-prop,--color,ios
|
|
|
|
|
ion-input-otp,css-prop,--color,md
|
|
|
|
|
ion-input-otp,css-prop,--height,ios
|
|
|
|
|
ion-input-otp,css-prop,--height,md
|
|
|
|
|
ion-input-otp,css-prop,--highlight-color-focused,ios
|
|
|
|
|
ion-input-otp,css-prop,--highlight-color-focused,md
|
|
|
|
|
ion-input-otp,css-prop,--highlight-color-invalid,ios
|
|
|
|
|
ion-input-otp,css-prop,--highlight-color-invalid,md
|
|
|
|
|
ion-input-otp,css-prop,--highlight-color-valid,ios
|
|
|
|
|
ion-input-otp,css-prop,--highlight-color-valid,md
|
|
|
|
|
ion-input-otp,css-prop,--margin-bottom,ios
|
|
|
|
|
ion-input-otp,css-prop,--margin-bottom,md
|
|
|
|
|
ion-input-otp,css-prop,--margin-end,ios
|
|
|
|
|
ion-input-otp,css-prop,--margin-end,md
|
|
|
|
|
ion-input-otp,css-prop,--margin-start,ios
|
|
|
|
|
ion-input-otp,css-prop,--margin-start,md
|
|
|
|
|
ion-input-otp,css-prop,--margin-top,ios
|
|
|
|
|
ion-input-otp,css-prop,--margin-top,md
|
|
|
|
|
ion-input-otp,css-prop,--min-width,ios
|
|
|
|
|
ion-input-otp,css-prop,--min-width,md
|
|
|
|
|
ion-input-otp,css-prop,--padding-bottom,ios
|
|
|
|
|
ion-input-otp,css-prop,--padding-bottom,md
|
|
|
|
|
ion-input-otp,css-prop,--padding-end,ios
|
|
|
|
|
ion-input-otp,css-prop,--padding-end,md
|
|
|
|
|
ion-input-otp,css-prop,--padding-start,ios
|
|
|
|
|
ion-input-otp,css-prop,--padding-start,md
|
|
|
|
|
ion-input-otp,css-prop,--padding-top,ios
|
|
|
|
|
ion-input-otp,css-prop,--padding-top,md
|
|
|
|
|
ion-input-otp,css-prop,--separator-border-radius,ios
|
|
|
|
|
ion-input-otp,css-prop,--separator-border-radius,md
|
|
|
|
|
ion-input-otp,css-prop,--separator-color,ios
|
|
|
|
|
ion-input-otp,css-prop,--separator-color,md
|
|
|
|
|
ion-input-otp,css-prop,--separator-height,ios
|
|
|
|
|
ion-input-otp,css-prop,--separator-height,md
|
|
|
|
|
ion-input-otp,css-prop,--separator-width,ios
|
|
|
|
|
ion-input-otp,css-prop,--separator-width,md
|
|
|
|
|
ion-input-otp,css-prop,--width,ios
|
|
|
|
|
ion-input-otp,css-prop,--width,md
|
|
|
|
|
|
2024-03-25 13:22:06 -04:00
|
|
|
ion-input-password-toggle,shadow
|
|
|
|
|
ion-input-password-toggle,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
|
|
|
|
ion-input-password-toggle,prop,hideIcon,string | undefined,undefined,false,false
|
|
|
|
|
ion-input-password-toggle,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-input-password-toggle,prop,showIcon,string | undefined,undefined,false,false
|
|
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-item,shadow
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-item,prop,button,boolean,false,false,false
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-item,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-item,prop,detail,boolean | undefined,undefined,false,false
|
2022-01-28 09:13:39 -06:00
|
|
|
ion-item,prop,detailIcon,string,chevronForward,false,false
|
2024-06-26 11:35:44 -04:00
|
|
|
ion-item,prop,disabled,boolean,false,false,true
|
2019-06-12 14:06:29 -04:00
|
|
|
ion-item,prop,download,string | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-item,prop,href,string | undefined,undefined,false,false
|
|
|
|
|
ion-item,prop,lines,"full" | "inset" | "none" | undefined,undefined,false,false
|
|
|
|
|
ion-item,prop,mode,"ios" | "md",undefined,false,false
|
2019-06-12 14:06:29 -04:00
|
|
|
ion-item,prop,rel,string | undefined,undefined,false,false
|
2020-06-08 15:49:14 -04:00
|
|
|
ion-item,prop,routerAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-item,prop,routerDirection,"back" | "forward" | "root",'forward',false,false
|
2019-06-12 14:06:29 -04:00
|
|
|
ion-item,prop,target,string | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-item,prop,type,"button" | "reset" | "submit",'button',false,false
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-item,css-prop,--background,ios
|
|
|
|
|
ion-item,css-prop,--background,md
|
|
|
|
|
ion-item,css-prop,--background-activated,ios
|
|
|
|
|
ion-item,css-prop,--background-activated,md
|
|
|
|
|
ion-item,css-prop,--background-activated-opacity,ios
|
|
|
|
|
ion-item,css-prop,--background-activated-opacity,md
|
|
|
|
|
ion-item,css-prop,--background-focused,ios
|
|
|
|
|
ion-item,css-prop,--background-focused,md
|
|
|
|
|
ion-item,css-prop,--background-focused-opacity,ios
|
|
|
|
|
ion-item,css-prop,--background-focused-opacity,md
|
|
|
|
|
ion-item,css-prop,--background-hover,ios
|
|
|
|
|
ion-item,css-prop,--background-hover,md
|
|
|
|
|
ion-item,css-prop,--background-hover-opacity,ios
|
|
|
|
|
ion-item,css-prop,--background-hover-opacity,md
|
|
|
|
|
ion-item,css-prop,--border-color,ios
|
|
|
|
|
ion-item,css-prop,--border-color,md
|
|
|
|
|
ion-item,css-prop,--border-radius,ios
|
|
|
|
|
ion-item,css-prop,--border-radius,md
|
|
|
|
|
ion-item,css-prop,--border-style,ios
|
|
|
|
|
ion-item,css-prop,--border-style,md
|
|
|
|
|
ion-item,css-prop,--border-width,ios
|
|
|
|
|
ion-item,css-prop,--border-width,md
|
|
|
|
|
ion-item,css-prop,--color,ios
|
|
|
|
|
ion-item,css-prop,--color,md
|
|
|
|
|
ion-item,css-prop,--color-activated,ios
|
|
|
|
|
ion-item,css-prop,--color-activated,md
|
|
|
|
|
ion-item,css-prop,--color-focused,ios
|
|
|
|
|
ion-item,css-prop,--color-focused,md
|
|
|
|
|
ion-item,css-prop,--color-hover,ios
|
|
|
|
|
ion-item,css-prop,--color-hover,md
|
|
|
|
|
ion-item,css-prop,--detail-icon-color,ios
|
|
|
|
|
ion-item,css-prop,--detail-icon-color,md
|
|
|
|
|
ion-item,css-prop,--detail-icon-font-size,ios
|
|
|
|
|
ion-item,css-prop,--detail-icon-font-size,md
|
|
|
|
|
ion-item,css-prop,--detail-icon-opacity,ios
|
|
|
|
|
ion-item,css-prop,--detail-icon-opacity,md
|
|
|
|
|
ion-item,css-prop,--inner-border-width,ios
|
|
|
|
|
ion-item,css-prop,--inner-border-width,md
|
|
|
|
|
ion-item,css-prop,--inner-box-shadow,ios
|
|
|
|
|
ion-item,css-prop,--inner-box-shadow,md
|
|
|
|
|
ion-item,css-prop,--inner-padding-bottom,ios
|
|
|
|
|
ion-item,css-prop,--inner-padding-bottom,md
|
|
|
|
|
ion-item,css-prop,--inner-padding-end,ios
|
|
|
|
|
ion-item,css-prop,--inner-padding-end,md
|
|
|
|
|
ion-item,css-prop,--inner-padding-start,ios
|
|
|
|
|
ion-item,css-prop,--inner-padding-start,md
|
|
|
|
|
ion-item,css-prop,--inner-padding-top,ios
|
|
|
|
|
ion-item,css-prop,--inner-padding-top,md
|
|
|
|
|
ion-item,css-prop,--min-height,ios
|
|
|
|
|
ion-item,css-prop,--min-height,md
|
|
|
|
|
ion-item,css-prop,--padding-bottom,ios
|
|
|
|
|
ion-item,css-prop,--padding-bottom,md
|
|
|
|
|
ion-item,css-prop,--padding-end,ios
|
|
|
|
|
ion-item,css-prop,--padding-end,md
|
|
|
|
|
ion-item,css-prop,--padding-start,ios
|
|
|
|
|
ion-item,css-prop,--padding-start,md
|
|
|
|
|
ion-item,css-prop,--padding-top,ios
|
|
|
|
|
ion-item,css-prop,--padding-top,md
|
|
|
|
|
ion-item,css-prop,--ripple-color,ios
|
|
|
|
|
ion-item,css-prop,--ripple-color,md
|
|
|
|
|
ion-item,css-prop,--transition,ios
|
|
|
|
|
ion-item,css-prop,--transition,md
|
2026-02-27 11:18:27 -05:00
|
|
|
ion-item,part,container
|
2020-04-27 15:33:54 -04:00
|
|
|
ion-item,part,detail-icon
|
2026-02-27 11:18:27 -05:00
|
|
|
ion-item,part,inner
|
2020-06-10 09:58:33 -04:00
|
|
|
ion-item,part,native
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-item-divider,shadow
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-item-divider,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-item-divider,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-item-divider,prop,sticky,boolean,false,false,false
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-item-divider,css-prop,--background,ios
|
|
|
|
|
ion-item-divider,css-prop,--background,md
|
|
|
|
|
ion-item-divider,css-prop,--color,ios
|
|
|
|
|
ion-item-divider,css-prop,--color,md
|
|
|
|
|
ion-item-divider,css-prop,--inner-padding-bottom,ios
|
|
|
|
|
ion-item-divider,css-prop,--inner-padding-bottom,md
|
|
|
|
|
ion-item-divider,css-prop,--inner-padding-end,ios
|
|
|
|
|
ion-item-divider,css-prop,--inner-padding-end,md
|
|
|
|
|
ion-item-divider,css-prop,--inner-padding-start,ios
|
|
|
|
|
ion-item-divider,css-prop,--inner-padding-start,md
|
|
|
|
|
ion-item-divider,css-prop,--inner-padding-top,ios
|
|
|
|
|
ion-item-divider,css-prop,--inner-padding-top,md
|
|
|
|
|
ion-item-divider,css-prop,--padding-bottom,ios
|
|
|
|
|
ion-item-divider,css-prop,--padding-bottom,md
|
|
|
|
|
ion-item-divider,css-prop,--padding-end,ios
|
|
|
|
|
ion-item-divider,css-prop,--padding-end,md
|
|
|
|
|
ion-item-divider,css-prop,--padding-start,ios
|
|
|
|
|
ion-item-divider,css-prop,--padding-start,md
|
|
|
|
|
ion-item-divider,css-prop,--padding-top,ios
|
|
|
|
|
ion-item-divider,css-prop,--padding-top,md
|
2026-02-27 12:53:49 -05:00
|
|
|
ion-item-divider,part,container
|
|
|
|
|
ion-item-divider,part,inner
|
2019-06-19 21:33:50 +02:00
|
|
|
|
|
|
|
|
ion-item-group,none
|
|
|
|
|
|
|
|
|
|
ion-item-option,shadow
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-item-option,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-item-option,prop,disabled,boolean,false,false,false
|
|
|
|
|
ion-item-option,prop,download,string | undefined,undefined,false,false
|
|
|
|
|
ion-item-option,prop,expandable,boolean,false,false,false
|
|
|
|
|
ion-item-option,prop,href,string | undefined,undefined,false,false
|
|
|
|
|
ion-item-option,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-item-option,prop,rel,string | undefined,undefined,false,false
|
|
|
|
|
ion-item-option,prop,target,string | undefined,undefined,false,false
|
|
|
|
|
ion-item-option,prop,type,"button" | "reset" | "submit",'button',false,false
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-item-option,css-prop,--background,ios
|
|
|
|
|
ion-item-option,css-prop,--background,md
|
|
|
|
|
ion-item-option,css-prop,--color,ios
|
|
|
|
|
ion-item-option,css-prop,--color,md
|
2026-02-27 13:26:01 -05:00
|
|
|
ion-item-option,part,container
|
|
|
|
|
ion-item-option,part,inner
|
2020-06-10 09:58:33 -04:00
|
|
|
ion-item-option,part,native
|
2019-06-19 21:33:50 +02:00
|
|
|
|
|
|
|
|
ion-item-options,none
|
|
|
|
|
ion-item-options,prop,side,"end" | "start",'end',false,false
|
|
|
|
|
ion-item-options,event,ionSwipe,any,true
|
|
|
|
|
|
|
|
|
|
ion-item-sliding,none
|
|
|
|
|
ion-item-sliding,prop,disabled,boolean,false,false,false
|
|
|
|
|
ion-item-sliding,method,close,close() => Promise<void>
|
|
|
|
|
ion-item-sliding,method,closeOpened,closeOpened() => Promise<boolean>
|
|
|
|
|
ion-item-sliding,method,getOpenAmount,getOpenAmount() => Promise<number>
|
|
|
|
|
ion-item-sliding,method,getSlidingRatio,getSlidingRatio() => Promise<number>
|
2020-06-10 11:36:02 -04:00
|
|
|
ion-item-sliding,method,open,open(side: Side | undefined) => Promise<void>
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-item-sliding,event,ionDrag,any,true
|
|
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-label,scoped
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-label,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-label,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-label,prop,position,"fixed" | "floating" | "stacked" | undefined,undefined,false,false
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-label,css-prop,--color,ios
|
|
|
|
|
ion-label,css-prop,--color,md
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-list,none
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-list,prop,inset,boolean,false,false,false
|
|
|
|
|
ion-list,prop,lines,"full" | "inset" | "none" | undefined,undefined,false,false
|
|
|
|
|
ion-list,prop,mode,"ios" | "md",undefined,false,false
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-list,method,closeSlidingItems,closeSlidingItems() => Promise<boolean>
|
|
|
|
|
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-list-header,shadow
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-list-header,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2019-11-19 14:53:37 -05:00
|
|
|
ion-list-header,prop,lines,"full" | "inset" | "none" | undefined,undefined,false,false
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-list-header,prop,mode,"ios" | "md",undefined,false,false
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-list-header,css-prop,--background,ios
|
|
|
|
|
ion-list-header,css-prop,--background,md
|
|
|
|
|
ion-list-header,css-prop,--border-color,ios
|
|
|
|
|
ion-list-header,css-prop,--border-color,md
|
|
|
|
|
ion-list-header,css-prop,--border-style,ios
|
|
|
|
|
ion-list-header,css-prop,--border-style,md
|
|
|
|
|
ion-list-header,css-prop,--border-width,ios
|
|
|
|
|
ion-list-header,css-prop,--border-width,md
|
|
|
|
|
ion-list-header,css-prop,--color,ios
|
|
|
|
|
ion-list-header,css-prop,--color,md
|
|
|
|
|
ion-list-header,css-prop,--inner-border-width,ios
|
|
|
|
|
ion-list-header,css-prop,--inner-border-width,md
|
2026-02-27 13:40:42 -05:00
|
|
|
ion-list-header,part,inner
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-loading,scoped
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-loading,prop,animated,boolean,true,false,false
|
|
|
|
|
ion-loading,prop,backdropDismiss,boolean,false,false,false
|
|
|
|
|
ion-loading,prop,cssClass,string | string[] | undefined,undefined,false,false
|
|
|
|
|
ion-loading,prop,duration,number,0,false,false
|
2019-10-11 13:47:52 -04:00
|
|
|
ion-loading,prop,enterAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
2022-04-07 14:11:30 -04:00
|
|
|
ion-loading,prop,htmlAttributes,undefined | { [key: string]: any; },undefined,false,false
|
2022-10-24 16:49:17 -04:00
|
|
|
ion-loading,prop,isOpen,boolean,false,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-loading,prop,keyboardClose,boolean,true,false,false
|
2019-10-11 13:47:52 -04:00
|
|
|
ion-loading,prop,leaveAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
2020-04-27 16:03:39 -04:00
|
|
|
ion-loading,prop,message,IonicSafeString | string | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-loading,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-loading,prop,showBackdrop,boolean,true,false,false
|
2021-02-11 20:21:56 +01:00
|
|
|
ion-loading,prop,spinner,"bubbles" | "circles" | "circular" | "crescent" | "dots" | "lines" | "lines-sharp" | "lines-sharp-small" | "lines-small" | null | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-loading,prop,translucent,boolean,false,false,false
|
2022-10-24 16:49:17 -04:00
|
|
|
ion-loading,prop,trigger,string | undefined,undefined,false,false
|
2022-09-27 14:03:13 -05:00
|
|
|
ion-loading,method,dismiss,dismiss(data?: any, role?: string) => Promise<boolean>
|
2020-06-03 20:08:27 +07:00
|
|
|
ion-loading,method,onDidDismiss,onDidDismiss<T = any>() => Promise<OverlayEventDetail<T>>
|
|
|
|
|
ion-loading,method,onWillDismiss,onWillDismiss<T = any>() => Promise<OverlayEventDetail<T>>
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-loading,method,present,present() => Promise<void>
|
2022-10-24 16:49:17 -04:00
|
|
|
ion-loading,event,didDismiss,OverlayEventDetail<any>,true
|
|
|
|
|
ion-loading,event,didPresent,void,true
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-loading,event,ionLoadingDidDismiss,OverlayEventDetail<any>,true
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-loading,event,ionLoadingDidPresent,void,true
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-loading,event,ionLoadingWillDismiss,OverlayEventDetail<any>,true
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-loading,event,ionLoadingWillPresent,void,true
|
2022-10-24 16:49:17 -04:00
|
|
|
ion-loading,event,willDismiss,OverlayEventDetail<any>,true
|
|
|
|
|
ion-loading,event,willPresent,void,true
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-loading,css-prop,--backdrop-opacity,ios
|
|
|
|
|
ion-loading,css-prop,--backdrop-opacity,md
|
|
|
|
|
ion-loading,css-prop,--background,ios
|
|
|
|
|
ion-loading,css-prop,--background,md
|
|
|
|
|
ion-loading,css-prop,--height,ios
|
|
|
|
|
ion-loading,css-prop,--height,md
|
|
|
|
|
ion-loading,css-prop,--max-height,ios
|
|
|
|
|
ion-loading,css-prop,--max-height,md
|
|
|
|
|
ion-loading,css-prop,--max-width,ios
|
|
|
|
|
ion-loading,css-prop,--max-width,md
|
|
|
|
|
ion-loading,css-prop,--min-height,ios
|
|
|
|
|
ion-loading,css-prop,--min-height,md
|
|
|
|
|
ion-loading,css-prop,--min-width,ios
|
|
|
|
|
ion-loading,css-prop,--min-width,md
|
|
|
|
|
ion-loading,css-prop,--spinner-color,ios
|
|
|
|
|
ion-loading,css-prop,--spinner-color,md
|
|
|
|
|
ion-loading,css-prop,--width,ios
|
|
|
|
|
ion-loading,css-prop,--width,md
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-menu,shadow
|
2020-01-08 21:36:30 -06:00
|
|
|
ion-menu,prop,contentId,string | undefined,undefined,false,true
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-menu,prop,disabled,boolean,false,false,false
|
|
|
|
|
ion-menu,prop,maxEdgeStart,number,50,false,false
|
2020-01-08 21:36:30 -06:00
|
|
|
ion-menu,prop,menuId,string | undefined,undefined,false,true
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-menu,prop,side,"end" | "start",'start',false,true
|
|
|
|
|
ion-menu,prop,swipeGesture,boolean,true,false,false
|
2024-03-09 20:37:34 +00:00
|
|
|
ion-menu,prop,type,"overlay" | "push" | "reveal" | undefined,undefined,false,false
|
2024-10-22 10:55:45 -04:00
|
|
|
ion-menu,method,close,close(animated?: boolean, role?: string) => Promise<boolean>
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-menu,method,isActive,isActive() => Promise<boolean>
|
|
|
|
|
ion-menu,method,isOpen,isOpen() => Promise<boolean>
|
|
|
|
|
ion-menu,method,open,open(animated?: boolean) => Promise<boolean>
|
2024-10-22 10:55:45 -04:00
|
|
|
ion-menu,method,setOpen,setOpen(shouldOpen: boolean, animated?: boolean, role?: string) => Promise<boolean>
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-menu,method,toggle,toggle(animated?: boolean) => Promise<boolean>
|
2024-10-22 10:55:45 -04:00
|
|
|
ion-menu,event,ionDidClose,MenuCloseEventDetail,true
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-menu,event,ionDidOpen,void,true
|
2024-10-22 10:55:45 -04:00
|
|
|
ion-menu,event,ionWillClose,MenuCloseEventDetail,true
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-menu,event,ionWillOpen,void,true
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-menu,css-prop,--background,ios
|
|
|
|
|
ion-menu,css-prop,--background,md
|
|
|
|
|
ion-menu,css-prop,--height,ios
|
|
|
|
|
ion-menu,css-prop,--height,md
|
|
|
|
|
ion-menu,css-prop,--max-height,ios
|
|
|
|
|
ion-menu,css-prop,--max-height,md
|
|
|
|
|
ion-menu,css-prop,--max-width,ios
|
|
|
|
|
ion-menu,css-prop,--max-width,md
|
|
|
|
|
ion-menu,css-prop,--min-height,ios
|
|
|
|
|
ion-menu,css-prop,--min-height,md
|
|
|
|
|
ion-menu,css-prop,--min-width,ios
|
|
|
|
|
ion-menu,css-prop,--min-width,md
|
|
|
|
|
ion-menu,css-prop,--width,ios
|
|
|
|
|
ion-menu,css-prop,--width,md
|
2020-04-23 12:22:19 -04:00
|
|
|
ion-menu,part,backdrop
|
|
|
|
|
ion-menu,part,container
|
2019-06-19 21:33:50 +02:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-menu-button,shadow
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-menu-button,prop,autoHide,boolean,true,false,false
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-menu-button,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2019-06-12 14:06:29 -04:00
|
|
|
ion-menu-button,prop,disabled,boolean,false,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-menu-button,prop,menu,string | undefined,undefined,false,false
|
2020-06-10 09:58:33 -04:00
|
|
|
ion-menu-button,prop,mode,"ios" | "md",undefined,false,false
|
2019-06-12 14:06:29 -04:00
|
|
|
ion-menu-button,prop,type,"button" | "reset" | "submit",'button',false,false
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-menu-button,css-prop,--background,ios
|
|
|
|
|
ion-menu-button,css-prop,--background,md
|
|
|
|
|
ion-menu-button,css-prop,--background-focused,ios
|
|
|
|
|
ion-menu-button,css-prop,--background-focused,md
|
|
|
|
|
ion-menu-button,css-prop,--background-focused-opacity,ios
|
|
|
|
|
ion-menu-button,css-prop,--background-focused-opacity,md
|
|
|
|
|
ion-menu-button,css-prop,--background-hover,ios
|
|
|
|
|
ion-menu-button,css-prop,--background-hover,md
|
|
|
|
|
ion-menu-button,css-prop,--background-hover-opacity,ios
|
|
|
|
|
ion-menu-button,css-prop,--background-hover-opacity,md
|
|
|
|
|
ion-menu-button,css-prop,--border-radius,ios
|
|
|
|
|
ion-menu-button,css-prop,--border-radius,md
|
|
|
|
|
ion-menu-button,css-prop,--color,ios
|
|
|
|
|
ion-menu-button,css-prop,--color,md
|
|
|
|
|
ion-menu-button,css-prop,--color-focused,ios
|
|
|
|
|
ion-menu-button,css-prop,--color-focused,md
|
|
|
|
|
ion-menu-button,css-prop,--color-hover,ios
|
|
|
|
|
ion-menu-button,css-prop,--color-hover,md
|
|
|
|
|
ion-menu-button,css-prop,--padding-bottom,ios
|
|
|
|
|
ion-menu-button,css-prop,--padding-bottom,md
|
|
|
|
|
ion-menu-button,css-prop,--padding-end,ios
|
|
|
|
|
ion-menu-button,css-prop,--padding-end,md
|
|
|
|
|
ion-menu-button,css-prop,--padding-start,ios
|
|
|
|
|
ion-menu-button,css-prop,--padding-start,md
|
|
|
|
|
ion-menu-button,css-prop,--padding-top,ios
|
|
|
|
|
ion-menu-button,css-prop,--padding-top,md
|
2020-06-10 09:58:33 -04:00
|
|
|
ion-menu-button,part,icon
|
|
|
|
|
ion-menu-button,part,native
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-menu-toggle,shadow
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-menu-toggle,prop,autoHide,boolean,true,false,false
|
|
|
|
|
ion-menu-toggle,prop,menu,string | undefined,undefined,false,false
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2021-06-01 11:09:40 -04:00
|
|
|
ion-modal,shadow
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-modal,prop,animated,boolean,true,false,false
|
2021-08-31 15:19:19 -04:00
|
|
|
ion-modal,prop,backdropBreakpoint,number,0,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-modal,prop,backdropDismiss,boolean,true,false,false
|
2021-08-31 15:19:19 -04:00
|
|
|
ion-modal,prop,breakpoints,number[] | undefined,undefined,false,false
|
2022-12-08 12:39:38 -05:00
|
|
|
ion-modal,prop,canDismiss,((data?: any, role?: string | undefined) => Promise<boolean>) | boolean,true,false,false
|
2019-10-11 13:47:52 -04:00
|
|
|
ion-modal,prop,enterAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
2025-02-03 19:45:15 +01:00
|
|
|
ion-modal,prop,expandToScroll,boolean,true,false,false
|
2024-04-25 09:57:43 -04:00
|
|
|
ion-modal,prop,focusTrap,boolean,true,false,false
|
2021-08-31 15:19:19 -04:00
|
|
|
ion-modal,prop,handle,boolean | undefined,undefined,false,false
|
2022-07-06 10:30:08 -04:00
|
|
|
ion-modal,prop,handleBehavior,"cycle" | "none" | undefined,'none',false,false
|
2022-04-07 14:11:30 -04:00
|
|
|
ion-modal,prop,htmlAttributes,undefined | { [key: string]: any; },undefined,false,false
|
2021-08-31 15:19:19 -04:00
|
|
|
ion-modal,prop,initialBreakpoint,number | undefined,undefined,false,false
|
2021-06-01 11:09:40 -04:00
|
|
|
ion-modal,prop,isOpen,boolean,false,false,false
|
2022-07-05 12:57:16 -04:00
|
|
|
ion-modal,prop,keepContentsMounted,boolean,false,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-modal,prop,keyboardClose,boolean,true,false,false
|
2019-10-11 13:47:52 -04:00
|
|
|
ion-modal,prop,leaveAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-modal,prop,mode,"ios" | "md",undefined,false,false
|
2019-12-10 22:02:41 +01:00
|
|
|
ion-modal,prop,presentingElement,HTMLElement | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-modal,prop,showBackdrop,boolean,true,false,false
|
2021-06-01 11:09:40 -04:00
|
|
|
ion-modal,prop,trigger,string | undefined,undefined,false,false
|
2022-09-27 14:03:13 -05:00
|
|
|
ion-modal,method,dismiss,dismiss(data?: any, role?: string) => Promise<boolean>
|
2022-03-21 23:05:25 +01:00
|
|
|
ion-modal,method,getCurrentBreakpoint,getCurrentBreakpoint() => Promise<number | undefined>
|
2020-06-03 20:08:27 +07:00
|
|
|
ion-modal,method,onDidDismiss,onDidDismiss<T = any>() => Promise<OverlayEventDetail<T>>
|
|
|
|
|
ion-modal,method,onWillDismiss,onWillDismiss<T = any>() => Promise<OverlayEventDetail<T>>
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-modal,method,present,present() => Promise<void>
|
2022-03-21 23:05:25 +01:00
|
|
|
ion-modal,method,setCurrentBreakpoint,setCurrentBreakpoint(breakpoint: number) => Promise<void>
|
2021-06-01 11:09:40 -04:00
|
|
|
ion-modal,event,didDismiss,OverlayEventDetail<any>,true
|
|
|
|
|
ion-modal,event,didPresent,void,true
|
2022-03-21 23:05:25 +01:00
|
|
|
ion-modal,event,ionBreakpointDidChange,ModalBreakpointChangeEventDetail,true
|
2026-03-04 11:53:50 -08:00
|
|
|
ion-modal,event,ionDragEnd,ModalDragEventDetail,true
|
|
|
|
|
ion-modal,event,ionDragMove,ModalDragEventDetail,true
|
|
|
|
|
ion-modal,event,ionDragStart,void,true
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-modal,event,ionModalDidDismiss,OverlayEventDetail<any>,true
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-modal,event,ionModalDidPresent,void,true
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-modal,event,ionModalWillDismiss,OverlayEventDetail<any>,true
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-modal,event,ionModalWillPresent,void,true
|
2021-06-01 11:09:40 -04:00
|
|
|
ion-modal,event,willDismiss,OverlayEventDetail<any>,true
|
|
|
|
|
ion-modal,event,willPresent,void,true
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-modal,css-prop,--backdrop-opacity,ios
|
|
|
|
|
ion-modal,css-prop,--backdrop-opacity,md
|
|
|
|
|
ion-modal,css-prop,--background,ios
|
|
|
|
|
ion-modal,css-prop,--background,md
|
|
|
|
|
ion-modal,css-prop,--border-color,ios
|
|
|
|
|
ion-modal,css-prop,--border-color,md
|
|
|
|
|
ion-modal,css-prop,--border-radius,ios
|
|
|
|
|
ion-modal,css-prop,--border-radius,md
|
|
|
|
|
ion-modal,css-prop,--border-style,ios
|
|
|
|
|
ion-modal,css-prop,--border-style,md
|
|
|
|
|
ion-modal,css-prop,--border-width,ios
|
|
|
|
|
ion-modal,css-prop,--border-width,md
|
|
|
|
|
ion-modal,css-prop,--height,ios
|
|
|
|
|
ion-modal,css-prop,--height,md
|
|
|
|
|
ion-modal,css-prop,--max-height,ios
|
|
|
|
|
ion-modal,css-prop,--max-height,md
|
|
|
|
|
ion-modal,css-prop,--max-width,ios
|
|
|
|
|
ion-modal,css-prop,--max-width,md
|
|
|
|
|
ion-modal,css-prop,--min-height,ios
|
|
|
|
|
ion-modal,css-prop,--min-height,md
|
|
|
|
|
ion-modal,css-prop,--min-width,ios
|
|
|
|
|
ion-modal,css-prop,--min-width,md
|
|
|
|
|
ion-modal,css-prop,--width,ios
|
|
|
|
|
ion-modal,css-prop,--width,md
|
2021-06-01 11:09:40 -04:00
|
|
|
ion-modal,part,backdrop
|
|
|
|
|
ion-modal,part,content
|
2021-08-31 15:19:19 -04:00
|
|
|
ion-modal,part,handle
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-nav,shadow
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-nav,prop,animated,boolean,true,false,false
|
2019-10-11 13:47:52 -04:00
|
|
|
ion-nav,prop,animation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-nav,prop,root,Function | HTMLElement | ViewController | null | string | undefined,undefined,false,false
|
2026-02-19 13:27:25 -07:00
|
|
|
ion-nav,prop,rootParams,T | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-nav,prop,swipeGesture,boolean | undefined,undefined,false,false
|
2022-09-27 14:03:13 -05:00
|
|
|
ion-nav,method,canGoBack,canGoBack(view?: ViewController) => Promise<boolean>
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-nav,method,getActive,getActive() => Promise<ViewController | undefined>
|
|
|
|
|
ion-nav,method,getByIndex,getByIndex(index: number) => Promise<ViewController | undefined>
|
2024-01-16 11:54:25 -05:00
|
|
|
ion-nav,method,getLength,getLength() => Promise<number>
|
2022-09-27 14:03:13 -05:00
|
|
|
ion-nav,method,getPrevious,getPrevious(view?: ViewController) => Promise<ViewController | undefined>
|
|
|
|
|
ion-nav,method,insert,insert<T extends NavComponent>(insertIndex: number, component: T, componentProps?: ComponentProps<T> | null, opts?: NavOptions | null, done?: TransitionDoneFn) => Promise<boolean>
|
|
|
|
|
ion-nav,method,insertPages,insertPages(insertIndex: number, insertComponents: NavComponent[] | NavComponentWithProps[], opts?: NavOptions | null, done?: TransitionDoneFn) => Promise<boolean>
|
|
|
|
|
ion-nav,method,pop,pop(opts?: NavOptions | null, done?: TransitionDoneFn) => Promise<boolean>
|
|
|
|
|
ion-nav,method,popTo,popTo(indexOrViewCtrl: number | ViewController, opts?: NavOptions | null, done?: TransitionDoneFn) => Promise<boolean>
|
|
|
|
|
ion-nav,method,popToRoot,popToRoot(opts?: NavOptions | null, done?: TransitionDoneFn) => Promise<boolean>
|
|
|
|
|
ion-nav,method,push,push<T extends NavComponent>(component: T, componentProps?: ComponentProps<T> | null, opts?: NavOptions | null, done?: TransitionDoneFn) => Promise<boolean>
|
|
|
|
|
ion-nav,method,removeIndex,removeIndex(startIndex: number, removeCount?: number, opts?: NavOptions | null, done?: TransitionDoneFn) => Promise<boolean>
|
|
|
|
|
ion-nav,method,setPages,setPages(views: NavComponent[] | NavComponentWithProps[], opts?: NavOptions | null, done?: TransitionDoneFn) => Promise<boolean>
|
|
|
|
|
ion-nav,method,setRoot,setRoot<T extends NavComponent>(component: T, componentProps?: ComponentProps<T> | null, opts?: NavOptions | null, done?: TransitionDoneFn) => Promise<boolean>
|
2019-01-14 21:43:24 +01:00
|
|
|
ion-nav,event,ionNavDidChange,void,false
|
|
|
|
|
ion-nav,event,ionNavWillChange,void,false
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-08-27 18:14:13 +02:00
|
|
|
ion-nav-link,none
|
|
|
|
|
ion-nav-link,prop,component,Function | HTMLElement | ViewController | null | string | undefined,undefined,false,false
|
2026-02-19 13:27:25 -07:00
|
|
|
ion-nav-link,prop,componentProps,T | undefined,undefined,false,false
|
2020-06-08 15:49:14 -04:00
|
|
|
ion-nav-link,prop,routerAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
2019-08-27 18:14:13 +02:00
|
|
|
ion-nav-link,prop,routerDirection,"back" | "forward" | "root",'forward',false,false
|
|
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-note,shadow
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-note,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-note,prop,mode,"ios" | "md",undefined,false,false
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-note,css-prop,--color,ios
|
|
|
|
|
ion-note,css-prop,--color,md
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2023-12-13 13:03:58 -05:00
|
|
|
ion-picker,shadow
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-picker,prop,mode,"ios" | "md",undefined,false,false
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-picker,css-prop,--fade-background-rgb,ios
|
|
|
|
|
ion-picker,css-prop,--fade-background-rgb,md
|
|
|
|
|
ion-picker,css-prop,--highlight-background,ios
|
|
|
|
|
ion-picker,css-prop,--highlight-background,md
|
|
|
|
|
ion-picker,css-prop,--highlight-border-radius,ios
|
|
|
|
|
ion-picker,css-prop,--highlight-border-radius,md
|
2023-12-13 13:03:58 -05:00
|
|
|
|
|
|
|
|
ion-picker-column,shadow
|
|
|
|
|
ion-picker-column,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,'primary',false,true
|
|
|
|
|
ion-picker-column,prop,disabled,boolean,false,false,false
|
|
|
|
|
ion-picker-column,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-picker-column,prop,value,number | string | undefined,undefined,false,false
|
|
|
|
|
ion-picker-column,method,setFocus,setFocus() => Promise<void>
|
|
|
|
|
ion-picker-column,event,ionChange,PickerColumnChangeEventDetail,true
|
|
|
|
|
|
|
|
|
|
ion-picker-column-option,shadow
|
|
|
|
|
ion-picker-column-option,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,'primary',false,true
|
|
|
|
|
ion-picker-column-option,prop,disabled,boolean,false,false,false
|
|
|
|
|
ion-picker-column-option,prop,value,any,undefined,false,false
|
|
|
|
|
|
|
|
|
|
ion-picker-legacy,scoped
|
|
|
|
|
ion-picker-legacy,prop,animated,boolean,true,false,false
|
|
|
|
|
ion-picker-legacy,prop,backdropDismiss,boolean,true,false,false
|
|
|
|
|
ion-picker-legacy,prop,buttons,PickerButton[],[],false,false
|
|
|
|
|
ion-picker-legacy,prop,columns,PickerColumn[],[],false,false
|
|
|
|
|
ion-picker-legacy,prop,cssClass,string | string[] | undefined,undefined,false,false
|
|
|
|
|
ion-picker-legacy,prop,duration,number,0,false,false
|
|
|
|
|
ion-picker-legacy,prop,enterAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
|
|
|
|
ion-picker-legacy,prop,htmlAttributes,undefined | { [key: string]: any; },undefined,false,false
|
|
|
|
|
ion-picker-legacy,prop,isOpen,boolean,false,false,false
|
|
|
|
|
ion-picker-legacy,prop,keyboardClose,boolean,true,false,false
|
|
|
|
|
ion-picker-legacy,prop,leaveAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
|
|
|
|
ion-picker-legacy,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-picker-legacy,prop,showBackdrop,boolean,true,false,false
|
|
|
|
|
ion-picker-legacy,prop,trigger,string | undefined,undefined,false,false
|
|
|
|
|
ion-picker-legacy,method,dismiss,dismiss(data?: any, role?: string) => Promise<boolean>
|
|
|
|
|
ion-picker-legacy,method,getColumn,getColumn(name: string) => Promise<PickerColumn | undefined>
|
|
|
|
|
ion-picker-legacy,method,onDidDismiss,onDidDismiss<T = any>() => Promise<OverlayEventDetail<T>>
|
|
|
|
|
ion-picker-legacy,method,onWillDismiss,onWillDismiss<T = any>() => Promise<OverlayEventDetail<T>>
|
|
|
|
|
ion-picker-legacy,method,present,present() => Promise<void>
|
|
|
|
|
ion-picker-legacy,event,didDismiss,OverlayEventDetail<any>,true
|
|
|
|
|
ion-picker-legacy,event,didPresent,void,true
|
|
|
|
|
ion-picker-legacy,event,ionPickerDidDismiss,OverlayEventDetail<any>,true
|
|
|
|
|
ion-picker-legacy,event,ionPickerDidPresent,void,true
|
|
|
|
|
ion-picker-legacy,event,ionPickerWillDismiss,OverlayEventDetail<any>,true
|
|
|
|
|
ion-picker-legacy,event,ionPickerWillPresent,void,true
|
|
|
|
|
ion-picker-legacy,event,willDismiss,OverlayEventDetail<any>,true
|
|
|
|
|
ion-picker-legacy,event,willPresent,void,true
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-picker-legacy,css-prop,--backdrop-opacity,ios
|
|
|
|
|
ion-picker-legacy,css-prop,--backdrop-opacity,md
|
|
|
|
|
ion-picker-legacy,css-prop,--background,ios
|
|
|
|
|
ion-picker-legacy,css-prop,--background,md
|
|
|
|
|
ion-picker-legacy,css-prop,--background-rgb,ios
|
|
|
|
|
ion-picker-legacy,css-prop,--background-rgb,md
|
|
|
|
|
ion-picker-legacy,css-prop,--border-color,ios
|
|
|
|
|
ion-picker-legacy,css-prop,--border-color,md
|
|
|
|
|
ion-picker-legacy,css-prop,--border-radius,ios
|
|
|
|
|
ion-picker-legacy,css-prop,--border-radius,md
|
|
|
|
|
ion-picker-legacy,css-prop,--border-style,ios
|
|
|
|
|
ion-picker-legacy,css-prop,--border-style,md
|
|
|
|
|
ion-picker-legacy,css-prop,--border-width,ios
|
|
|
|
|
ion-picker-legacy,css-prop,--border-width,md
|
|
|
|
|
ion-picker-legacy,css-prop,--height,ios
|
|
|
|
|
ion-picker-legacy,css-prop,--height,md
|
|
|
|
|
ion-picker-legacy,css-prop,--max-height,ios
|
|
|
|
|
ion-picker-legacy,css-prop,--max-height,md
|
|
|
|
|
ion-picker-legacy,css-prop,--max-width,ios
|
|
|
|
|
ion-picker-legacy,css-prop,--max-width,md
|
|
|
|
|
ion-picker-legacy,css-prop,--min-height,ios
|
|
|
|
|
ion-picker-legacy,css-prop,--min-height,md
|
|
|
|
|
ion-picker-legacy,css-prop,--min-width,ios
|
|
|
|
|
ion-picker-legacy,css-prop,--min-width,md
|
|
|
|
|
ion-picker-legacy,css-prop,--width,ios
|
|
|
|
|
ion-picker-legacy,css-prop,--width,md
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2021-05-03 12:02:22 -04:00
|
|
|
ion-popover,shadow
|
2022-02-18 13:39:03 -06:00
|
|
|
ion-popover,prop,alignment,"center" | "end" | "start" | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-popover,prop,animated,boolean,true,false,false
|
2021-05-10 17:37:52 -04:00
|
|
|
ion-popover,prop,arrow,boolean,true,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-popover,prop,backdropDismiss,boolean,true,false,false
|
2021-05-03 12:02:22 -04:00
|
|
|
ion-popover,prop,component,Function | HTMLElement | null | string | undefined,undefined,false,false
|
2026-02-19 13:27:25 -07:00
|
|
|
ion-popover,prop,componentProps,T | undefined,undefined,false,false
|
2021-05-10 17:37:52 -04:00
|
|
|
ion-popover,prop,dismissOnSelect,boolean,false,false,false
|
2019-10-11 13:47:52 -04:00
|
|
|
ion-popover,prop,enterAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-popover,prop,event,any,undefined,false,false
|
2024-04-25 09:57:43 -04:00
|
|
|
ion-popover,prop,focusTrap,boolean,true,false,false
|
2022-04-07 14:11:30 -04:00
|
|
|
ion-popover,prop,htmlAttributes,undefined | { [key: string]: any; },undefined,false,false
|
2021-05-03 12:02:22 -04:00
|
|
|
ion-popover,prop,isOpen,boolean,false,false,false
|
2022-07-05 12:57:16 -04:00
|
|
|
ion-popover,prop,keepContentsMounted,boolean,false,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-popover,prop,keyboardClose,boolean,true,false,false
|
2019-10-11 13:47:52 -04:00
|
|
|
ion-popover,prop,leaveAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-popover,prop,mode,"ios" | "md",undefined,false,false
|
2021-05-10 17:37:52 -04:00
|
|
|
ion-popover,prop,reference,"event" | "trigger",'trigger',false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-popover,prop,showBackdrop,boolean,true,false,false
|
2021-05-10 17:37:52 -04:00
|
|
|
ion-popover,prop,side,"bottom" | "end" | "left" | "right" | "start" | "top",'bottom',false,false
|
|
|
|
|
ion-popover,prop,size,"auto" | "cover",'auto',false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-popover,prop,translucent,boolean,false,false,false
|
2021-05-10 17:37:52 -04:00
|
|
|
ion-popover,prop,trigger,string | undefined,undefined,false,false
|
|
|
|
|
ion-popover,prop,triggerAction,"click" | "context-menu" | "hover",'click',false,false
|
2022-09-27 14:03:13 -05:00
|
|
|
ion-popover,method,dismiss,dismiss(data?: any, role?: string, dismissParentPopover?: boolean) => Promise<boolean>
|
2020-06-03 20:08:27 +07:00
|
|
|
ion-popover,method,onDidDismiss,onDidDismiss<T = any>() => Promise<OverlayEventDetail<T>>
|
|
|
|
|
ion-popover,method,onWillDismiss,onWillDismiss<T = any>() => Promise<OverlayEventDetail<T>>
|
2022-09-27 14:03:13 -05:00
|
|
|
ion-popover,method,present,present(event?: MouseEvent | TouchEvent | PointerEvent | CustomEvent) => Promise<void>
|
2021-05-03 12:02:22 -04:00
|
|
|
ion-popover,event,didDismiss,OverlayEventDetail<any>,true
|
|
|
|
|
ion-popover,event,didPresent,void,true
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-popover,event,ionPopoverDidDismiss,OverlayEventDetail<any>,true
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-popover,event,ionPopoverDidPresent,void,true
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-popover,event,ionPopoverWillDismiss,OverlayEventDetail<any>,true
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-popover,event,ionPopoverWillPresent,void,true
|
2021-05-03 12:02:22 -04:00
|
|
|
ion-popover,event,willDismiss,OverlayEventDetail<any>,true
|
|
|
|
|
ion-popover,event,willPresent,void,true
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-popover,css-prop,--backdrop-opacity,ios
|
|
|
|
|
ion-popover,css-prop,--backdrop-opacity,md
|
|
|
|
|
ion-popover,css-prop,--background,ios
|
|
|
|
|
ion-popover,css-prop,--background,md
|
|
|
|
|
ion-popover,css-prop,--box-shadow,ios
|
|
|
|
|
ion-popover,css-prop,--box-shadow,md
|
|
|
|
|
ion-popover,css-prop,--height,ios
|
|
|
|
|
ion-popover,css-prop,--height,md
|
|
|
|
|
ion-popover,css-prop,--max-height,ios
|
|
|
|
|
ion-popover,css-prop,--max-height,md
|
|
|
|
|
ion-popover,css-prop,--max-width,ios
|
|
|
|
|
ion-popover,css-prop,--max-width,md
|
|
|
|
|
ion-popover,css-prop,--min-height,ios
|
|
|
|
|
ion-popover,css-prop,--min-height,md
|
|
|
|
|
ion-popover,css-prop,--min-width,ios
|
|
|
|
|
ion-popover,css-prop,--min-width,md
|
|
|
|
|
ion-popover,css-prop,--offset-x,ios
|
|
|
|
|
ion-popover,css-prop,--offset-x,md
|
|
|
|
|
ion-popover,css-prop,--offset-y,ios
|
|
|
|
|
ion-popover,css-prop,--offset-y,md
|
|
|
|
|
ion-popover,css-prop,--width,ios
|
|
|
|
|
ion-popover,css-prop,--width,md
|
2021-05-03 12:02:22 -04:00
|
|
|
ion-popover,part,arrow
|
|
|
|
|
ion-popover,part,backdrop
|
|
|
|
|
ion-popover,part,content
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-progress-bar,shadow
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-progress-bar,prop,buffer,number,1,false,false
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-progress-bar,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-progress-bar,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-progress-bar,prop,reversed,boolean,false,false,false
|
|
|
|
|
ion-progress-bar,prop,type,"determinate" | "indeterminate",'determinate',false,false
|
|
|
|
|
ion-progress-bar,prop,value,number,0,false,false
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-progress-bar,css-prop,--background,ios
|
|
|
|
|
ion-progress-bar,css-prop,--background,md
|
|
|
|
|
ion-progress-bar,css-prop,--progress-background,ios
|
|
|
|
|
ion-progress-bar,css-prop,--progress-background,md
|
2021-03-04 12:48:52 -05:00
|
|
|
ion-progress-bar,part,progress
|
|
|
|
|
ion-progress-bar,part,stream
|
|
|
|
|
ion-progress-bar,part,track
|
2018-12-10 23:03:52 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-radio,shadow
|
2024-08-29 09:40:51 -04:00
|
|
|
ion-radio,prop,alignment,"center" | "start" | undefined,undefined,false,false
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-radio,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-radio,prop,disabled,boolean,false,false,false
|
2024-08-29 09:40:51 -04:00
|
|
|
ion-radio,prop,justify,"end" | "space-between" | "start" | undefined,undefined,false,false
|
2023-09-01 09:30:59 -07:00
|
|
|
ion-radio,prop,labelPlacement,"end" | "fixed" | "stacked" | "start",'start',false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-radio,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-radio,prop,name,string,this.inputId,false,false
|
|
|
|
|
ion-radio,prop,value,any,undefined,false,false
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-radio,event,ionBlur,void,true
|
|
|
|
|
ion-radio,event,ionFocus,void,true
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-radio,css-prop,--border-radius,ios
|
|
|
|
|
ion-radio,css-prop,--border-radius,md
|
|
|
|
|
ion-radio,css-prop,--color,ios
|
|
|
|
|
ion-radio,css-prop,--color,md
|
|
|
|
|
ion-radio,css-prop,--color-checked,ios
|
|
|
|
|
ion-radio,css-prop,--color-checked,md
|
|
|
|
|
ion-radio,css-prop,--inner-border-radius,ios
|
|
|
|
|
ion-radio,css-prop,--inner-border-radius,md
|
2020-04-23 12:18:58 -04:00
|
|
|
ion-radio,part,container
|
2023-12-01 11:38:29 -05:00
|
|
|
ion-radio,part,label
|
2020-04-23 12:18:58 -04:00
|
|
|
ion-radio,part,mark
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-radio-group,none
|
|
|
|
|
ion-radio-group,prop,allowEmptySelection,boolean,false,false,false
|
2023-11-09 10:21:55 -05:00
|
|
|
ion-radio-group,prop,compareWith,((currentValue: any, compareValue: any) => boolean) | null | string | undefined,undefined,false,false
|
2025-03-10 19:07:22 -04:00
|
|
|
ion-radio-group,prop,errorText,string | undefined,undefined,false,false
|
|
|
|
|
ion-radio-group,prop,helperText,string | undefined,undefined,false,false
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-radio-group,prop,name,string,this.inputId,false,false
|
|
|
|
|
ion-radio-group,prop,value,any,undefined,false,false
|
2021-08-03 23:29:53 +03:00
|
|
|
ion-radio-group,event,ionChange,RadioGroupChangeEventDetail<any>,true
|
2019-06-19 21:33:50 +02:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-range,shadow
|
2022-07-15 12:00:15 -04:00
|
|
|
ion-range,prop,activeBarStart,number | undefined,undefined,false,false
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-range,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2022-10-24 16:13:48 -04:00
|
|
|
ion-range,prop,debounce,number | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-range,prop,disabled,boolean,false,false,false
|
|
|
|
|
ion-range,prop,dualKnobs,boolean,false,false,false
|
2023-05-10 10:13:26 -05:00
|
|
|
ion-range,prop,label,string | undefined,undefined,false,false
|
2023-09-01 09:30:59 -07:00
|
|
|
ion-range,prop,labelPlacement,"end" | "fixed" | "stacked" | "start",'start',false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-range,prop,max,number,100,false,false
|
|
|
|
|
ion-range,prop,min,number,0,false,false
|
|
|
|
|
ion-range,prop,mode,"ios" | "md",undefined,false,false
|
2023-02-06 16:37:39 -05:00
|
|
|
ion-range,prop,name,string,this.rangeId,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-range,prop,pin,boolean,false,false,false
|
2021-07-09 07:57:52 -07:00
|
|
|
ion-range,prop,pinFormatter,(value: number) => string | number,(value: number): number => Math.round(value),false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-range,prop,snaps,boolean,false,false,false
|
|
|
|
|
ion-range,prop,step,number,1,false,false
|
2019-03-26 14:33:16 -04:00
|
|
|
ion-range,prop,ticks,boolean,true,false,false
|
2019-02-20 15:57:28 -05:00
|
|
|
ion-range,prop,value,number | { lower: number; upper: number; },0,false,false
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-range,event,ionBlur,void,true
|
2018-12-28 20:12:54 +01:00
|
|
|
ion-range,event,ionChange,RangeChangeEventDetail,true
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-range,event,ionFocus,void,true
|
2022-10-24 16:13:48 -04:00
|
|
|
ion-range,event,ionInput,RangeChangeEventDetail,true
|
2022-04-01 11:16:01 -05:00
|
|
|
ion-range,event,ionKnobMoveEnd,RangeKnobMoveEndEventDetail,true
|
|
|
|
|
ion-range,event,ionKnobMoveStart,RangeKnobMoveStartEventDetail,true
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-range,css-prop,--bar-background,ios
|
|
|
|
|
ion-range,css-prop,--bar-background,md
|
|
|
|
|
ion-range,css-prop,--bar-background-active,ios
|
|
|
|
|
ion-range,css-prop,--bar-background-active,md
|
|
|
|
|
ion-range,css-prop,--bar-border-radius,ios
|
|
|
|
|
ion-range,css-prop,--bar-border-radius,md
|
|
|
|
|
ion-range,css-prop,--bar-height,ios
|
|
|
|
|
ion-range,css-prop,--bar-height,md
|
|
|
|
|
ion-range,css-prop,--height,ios
|
|
|
|
|
ion-range,css-prop,--height,md
|
|
|
|
|
ion-range,css-prop,--knob-background,ios
|
|
|
|
|
ion-range,css-prop,--knob-background,md
|
|
|
|
|
ion-range,css-prop,--knob-border-radius,ios
|
|
|
|
|
ion-range,css-prop,--knob-border-radius,md
|
|
|
|
|
ion-range,css-prop,--knob-box-shadow,ios
|
|
|
|
|
ion-range,css-prop,--knob-box-shadow,md
|
|
|
|
|
ion-range,css-prop,--knob-size,ios
|
|
|
|
|
ion-range,css-prop,--knob-size,md
|
|
|
|
|
ion-range,css-prop,--pin-background,ios
|
|
|
|
|
ion-range,css-prop,--pin-background,md
|
|
|
|
|
ion-range,css-prop,--pin-color,ios
|
|
|
|
|
ion-range,css-prop,--pin-color,md
|
feat(range): add classes and expose parts to allow individual styling of dual knobs (#30941)
Issue number: resolves #29862
---------
## What is the current behavior?
Range exposes a single part for both knobs & pins. This makes it impossible to style the knobs/pins differently when dual knobs is enabled.
## What is the new behavior?
- Fixes a bug where the knobs would swap A & B when they cross over each other
- Fixes the focus behavior so that dual knobs act the same as a single knob range when focusing a knob
- Adds the following classes to the host element when `dualKnobs` is enabled:
- `range-dual-knobs`
- `range-pressed-a` when the knob with name A is pressed
- `range-pressed-b` when the knob with name B is pressed
- `range-pressed-lower` when the lower knob is pressed
- `range-pressed-upper` when the upper knob is pressed
- Adds parts for the following:
- `knob-handle-a` — The container for the knob with the static `A` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `knob-handle-b` — The container for the knob with the static `B` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `knob-handle-lower` — The container for the knob whose current `value` is `lower` when `dualKnobs` is `true`. The lower and upper parts swap which knob handle they refer to when the knobs cross.
- `knob-handle-upper` — The container for the knob whose current `value` is `upper` when `dualKnobs` is `true`. The lower and upper parts swap which knob handle they refer to when the knobs cross.
- `pin-a` — The value indicator above the knob with the static `A` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `pin-b` — The value indicator above the knob with the static `B` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `pin-lower` — The value indicator above the knob whose current `value` is `lower` when `dualKnobs` is `true`. The lower and upper parts swap which pin they refer to when the knobs cross.
- `pin-upper` — The value indicator above the knob whose current `value` is `upper` when `dualKnobs` is `true`. The lower and upper parts swap which pin they refer to when the knobs cross.
- `knob-a` — The visual knob for the static `A` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `knob-b` — The visual knob for the static `B` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `knob-lower` — The visual knob whose current `value` is `lower` when `dualKnobs` is `true`. The lower and upper parts swap which knob they refer to when the knobs cross.
- `knob-upper` — The visual knob whose current `value` is `upper` when `dualKnobs` is `true`. The lower and upper parts swap which knob they refer to when the knobs cross.
- `activated` — Added to the knob-handle, knob, and pin when the knob is active. Only one set has this part at a time when `dualKnobs` is `true`.
- `focused` — Added to the knob-handle, knob, and pin that currently has focus. Only one set has this part at a time when `dualKnobs` is `true`.
- `hover` — Added to the knob-handle, knob, and pin when the knob has hover. Only one set has this part at a time when `dualKnobs` is `true`.
- `pressed` — Added to the knob-handle, knob, and pin that is currently being pressed to drag. Only one set has this part at a time when `dualKnobs` is `true`.
- Adds e2e tests for the following:
- customizing label part
- customizing bar parts
- customizing pin parts
- customizing tick parts
- customizing knob parts
- customizing dual knob a & b parts
- customizing dual knob lower & upper parts
- verifies that a & b parts stay on the original elements but lower & upper parts swap when the values swap
- Adds spec tests for the following:
- css classes
- value state classes
- boolean property classes
- pressed state classes
- shadow parts
- static shadow parts
- verifies the shadow parts exist based on the existence of certain range properties
- state shadow parts
- verifies the shadow parts exist based on the state of the range knob (pressed, focused, activated, hover)
## Does this introduce a breaking change?
- [ ] Yes
- [x] No
---------
Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
2026-03-04 10:36:50 -05:00
|
|
|
ion-range,part,activated
|
2020-04-23 12:18:04 -04:00
|
|
|
ion-range,part,bar
|
|
|
|
|
ion-range,part,bar-active
|
feat(range): add classes and expose parts to allow individual styling of dual knobs (#30941)
Issue number: resolves #29862
---------
## What is the current behavior?
Range exposes a single part for both knobs & pins. This makes it impossible to style the knobs/pins differently when dual knobs is enabled.
## What is the new behavior?
- Fixes a bug where the knobs would swap A & B when they cross over each other
- Fixes the focus behavior so that dual knobs act the same as a single knob range when focusing a knob
- Adds the following classes to the host element when `dualKnobs` is enabled:
- `range-dual-knobs`
- `range-pressed-a` when the knob with name A is pressed
- `range-pressed-b` when the knob with name B is pressed
- `range-pressed-lower` when the lower knob is pressed
- `range-pressed-upper` when the upper knob is pressed
- Adds parts for the following:
- `knob-handle-a` — The container for the knob with the static `A` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `knob-handle-b` — The container for the knob with the static `B` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `knob-handle-lower` — The container for the knob whose current `value` is `lower` when `dualKnobs` is `true`. The lower and upper parts swap which knob handle they refer to when the knobs cross.
- `knob-handle-upper` — The container for the knob whose current `value` is `upper` when `dualKnobs` is `true`. The lower and upper parts swap which knob handle they refer to when the knobs cross.
- `pin-a` — The value indicator above the knob with the static `A` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `pin-b` — The value indicator above the knob with the static `B` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `pin-lower` — The value indicator above the knob whose current `value` is `lower` when `dualKnobs` is `true`. The lower and upper parts swap which pin they refer to when the knobs cross.
- `pin-upper` — The value indicator above the knob whose current `value` is `upper` when `dualKnobs` is `true`. The lower and upper parts swap which pin they refer to when the knobs cross.
- `knob-a` — The visual knob for the static `A` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `knob-b` — The visual knob for the static `B` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `knob-lower` — The visual knob whose current `value` is `lower` when `dualKnobs` is `true`. The lower and upper parts swap which knob they refer to when the knobs cross.
- `knob-upper` — The visual knob whose current `value` is `upper` when `dualKnobs` is `true`. The lower and upper parts swap which knob they refer to when the knobs cross.
- `activated` — Added to the knob-handle, knob, and pin when the knob is active. Only one set has this part at a time when `dualKnobs` is `true`.
- `focused` — Added to the knob-handle, knob, and pin that currently has focus. Only one set has this part at a time when `dualKnobs` is `true`.
- `hover` — Added to the knob-handle, knob, and pin when the knob has hover. Only one set has this part at a time when `dualKnobs` is `true`.
- `pressed` — Added to the knob-handle, knob, and pin that is currently being pressed to drag. Only one set has this part at a time when `dualKnobs` is `true`.
- Adds e2e tests for the following:
- customizing label part
- customizing bar parts
- customizing pin parts
- customizing tick parts
- customizing knob parts
- customizing dual knob a & b parts
- customizing dual knob lower & upper parts
- verifies that a & b parts stay on the original elements but lower & upper parts swap when the values swap
- Adds spec tests for the following:
- css classes
- value state classes
- boolean property classes
- pressed state classes
- shadow parts
- static shadow parts
- verifies the shadow parts exist based on the existence of certain range properties
- state shadow parts
- verifies the shadow parts exist based on the state of the range knob (pressed, focused, activated, hover)
## Does this introduce a breaking change?
- [ ] Yes
- [x] No
---------
Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
2026-03-04 10:36:50 -05:00
|
|
|
ion-range,part,focused
|
|
|
|
|
ion-range,part,hover
|
2020-04-23 12:18:04 -04:00
|
|
|
ion-range,part,knob
|
feat(range): add classes and expose parts to allow individual styling of dual knobs (#30941)
Issue number: resolves #29862
---------
## What is the current behavior?
Range exposes a single part for both knobs & pins. This makes it impossible to style the knobs/pins differently when dual knobs is enabled.
## What is the new behavior?
- Fixes a bug where the knobs would swap A & B when they cross over each other
- Fixes the focus behavior so that dual knobs act the same as a single knob range when focusing a knob
- Adds the following classes to the host element when `dualKnobs` is enabled:
- `range-dual-knobs`
- `range-pressed-a` when the knob with name A is pressed
- `range-pressed-b` when the knob with name B is pressed
- `range-pressed-lower` when the lower knob is pressed
- `range-pressed-upper` when the upper knob is pressed
- Adds parts for the following:
- `knob-handle-a` — The container for the knob with the static `A` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `knob-handle-b` — The container for the knob with the static `B` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `knob-handle-lower` — The container for the knob whose current `value` is `lower` when `dualKnobs` is `true`. The lower and upper parts swap which knob handle they refer to when the knobs cross.
- `knob-handle-upper` — The container for the knob whose current `value` is `upper` when `dualKnobs` is `true`. The lower and upper parts swap which knob handle they refer to when the knobs cross.
- `pin-a` — The value indicator above the knob with the static `A` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `pin-b` — The value indicator above the knob with the static `B` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `pin-lower` — The value indicator above the knob whose current `value` is `lower` when `dualKnobs` is `true`. The lower and upper parts swap which pin they refer to when the knobs cross.
- `pin-upper` — The value indicator above the knob whose current `value` is `upper` when `dualKnobs` is `true`. The lower and upper parts swap which pin they refer to when the knobs cross.
- `knob-a` — The visual knob for the static `A` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `knob-b` — The visual knob for the static `B` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `knob-lower` — The visual knob whose current `value` is `lower` when `dualKnobs` is `true`. The lower and upper parts swap which knob they refer to when the knobs cross.
- `knob-upper` — The visual knob whose current `value` is `upper` when `dualKnobs` is `true`. The lower and upper parts swap which knob they refer to when the knobs cross.
- `activated` — Added to the knob-handle, knob, and pin when the knob is active. Only one set has this part at a time when `dualKnobs` is `true`.
- `focused` — Added to the knob-handle, knob, and pin that currently has focus. Only one set has this part at a time when `dualKnobs` is `true`.
- `hover` — Added to the knob-handle, knob, and pin when the knob has hover. Only one set has this part at a time when `dualKnobs` is `true`.
- `pressed` — Added to the knob-handle, knob, and pin that is currently being pressed to drag. Only one set has this part at a time when `dualKnobs` is `true`.
- Adds e2e tests for the following:
- customizing label part
- customizing bar parts
- customizing pin parts
- customizing tick parts
- customizing knob parts
- customizing dual knob a & b parts
- customizing dual knob lower & upper parts
- verifies that a & b parts stay on the original elements but lower & upper parts swap when the values swap
- Adds spec tests for the following:
- css classes
- value state classes
- boolean property classes
- pressed state classes
- shadow parts
- static shadow parts
- verifies the shadow parts exist based on the existence of certain range properties
- state shadow parts
- verifies the shadow parts exist based on the state of the range knob (pressed, focused, activated, hover)
## Does this introduce a breaking change?
- [ ] Yes
- [x] No
---------
Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
2026-03-04 10:36:50 -05:00
|
|
|
ion-range,part,knob-a
|
|
|
|
|
ion-range,part,knob-b
|
|
|
|
|
ion-range,part,knob-handle
|
|
|
|
|
ion-range,part,knob-handle-a
|
|
|
|
|
ion-range,part,knob-handle-b
|
|
|
|
|
ion-range,part,knob-handle-lower
|
|
|
|
|
ion-range,part,knob-handle-upper
|
|
|
|
|
ion-range,part,knob-lower
|
|
|
|
|
ion-range,part,knob-upper
|
2023-11-30 10:36:21 -05:00
|
|
|
ion-range,part,label
|
2020-04-23 12:18:04 -04:00
|
|
|
ion-range,part,pin
|
feat(range): add classes and expose parts to allow individual styling of dual knobs (#30941)
Issue number: resolves #29862
---------
## What is the current behavior?
Range exposes a single part for both knobs & pins. This makes it impossible to style the knobs/pins differently when dual knobs is enabled.
## What is the new behavior?
- Fixes a bug where the knobs would swap A & B when they cross over each other
- Fixes the focus behavior so that dual knobs act the same as a single knob range when focusing a knob
- Adds the following classes to the host element when `dualKnobs` is enabled:
- `range-dual-knobs`
- `range-pressed-a` when the knob with name A is pressed
- `range-pressed-b` when the knob with name B is pressed
- `range-pressed-lower` when the lower knob is pressed
- `range-pressed-upper` when the upper knob is pressed
- Adds parts for the following:
- `knob-handle-a` — The container for the knob with the static `A` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `knob-handle-b` — The container for the knob with the static `B` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `knob-handle-lower` — The container for the knob whose current `value` is `lower` when `dualKnobs` is `true`. The lower and upper parts swap which knob handle they refer to when the knobs cross.
- `knob-handle-upper` — The container for the knob whose current `value` is `upper` when `dualKnobs` is `true`. The lower and upper parts swap which knob handle they refer to when the knobs cross.
- `pin-a` — The value indicator above the knob with the static `A` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `pin-b` — The value indicator above the knob with the static `B` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `pin-lower` — The value indicator above the knob whose current `value` is `lower` when `dualKnobs` is `true`. The lower and upper parts swap which pin they refer to when the knobs cross.
- `pin-upper` — The value indicator above the knob whose current `value` is `upper` when `dualKnobs` is `true`. The lower and upper parts swap which pin they refer to when the knobs cross.
- `knob-a` — The visual knob for the static `A` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `knob-b` — The visual knob for the static `B` identity when `dualKnobs` is `true`. This identity does not change, even if the knobs cross and swap which one represents the lower or upper value.
- `knob-lower` — The visual knob whose current `value` is `lower` when `dualKnobs` is `true`. The lower and upper parts swap which knob they refer to when the knobs cross.
- `knob-upper` — The visual knob whose current `value` is `upper` when `dualKnobs` is `true`. The lower and upper parts swap which knob they refer to when the knobs cross.
- `activated` — Added to the knob-handle, knob, and pin when the knob is active. Only one set has this part at a time when `dualKnobs` is `true`.
- `focused` — Added to the knob-handle, knob, and pin that currently has focus. Only one set has this part at a time when `dualKnobs` is `true`.
- `hover` — Added to the knob-handle, knob, and pin when the knob has hover. Only one set has this part at a time when `dualKnobs` is `true`.
- `pressed` — Added to the knob-handle, knob, and pin that is currently being pressed to drag. Only one set has this part at a time when `dualKnobs` is `true`.
- Adds e2e tests for the following:
- customizing label part
- customizing bar parts
- customizing pin parts
- customizing tick parts
- customizing knob parts
- customizing dual knob a & b parts
- customizing dual knob lower & upper parts
- verifies that a & b parts stay on the original elements but lower & upper parts swap when the values swap
- Adds spec tests for the following:
- css classes
- value state classes
- boolean property classes
- pressed state classes
- shadow parts
- static shadow parts
- verifies the shadow parts exist based on the existence of certain range properties
- state shadow parts
- verifies the shadow parts exist based on the state of the range knob (pressed, focused, activated, hover)
## Does this introduce a breaking change?
- [ ] Yes
- [x] No
---------
Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
2026-03-04 10:36:50 -05:00
|
|
|
ion-range,part,pin-a
|
|
|
|
|
ion-range,part,pin-b
|
|
|
|
|
ion-range,part,pin-lower
|
|
|
|
|
ion-range,part,pin-upper
|
|
|
|
|
ion-range,part,pressed
|
2020-04-23 12:18:04 -04:00
|
|
|
ion-range,part,tick
|
|
|
|
|
ion-range,part,tick-active
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-refresher,none
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-refresher,prop,closeDuration,string,'280ms',false,false
|
|
|
|
|
ion-refresher,prop,disabled,boolean,false,false,false
|
2023-12-18 13:09:25 -05:00
|
|
|
ion-refresher,prop,mode,"ios" | "md",undefined,false,false
|
2019-05-07 23:21:32 +02:00
|
|
|
ion-refresher,prop,pullFactor,number,1,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-refresher,prop,pullMax,number,this.pullMin + 60,false,false
|
|
|
|
|
ion-refresher,prop,pullMin,number,60,false,false
|
|
|
|
|
ion-refresher,prop,snapbackDuration,string,'280ms',false,false
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-refresher,method,cancel,cancel() => Promise<void>
|
|
|
|
|
ion-refresher,method,complete,complete() => Promise<void>
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-refresher,method,getProgress,getProgress() => Promise<number>
|
|
|
|
|
ion-refresher,event,ionPull,void,true
|
2026-02-19 08:57:48 -08:00
|
|
|
ion-refresher,event,ionPullEnd,RefresherPullEndEventDetail,true
|
|
|
|
|
ion-refresher,event,ionPullStart,void,true
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-refresher,event,ionRefresh,RefresherEventDetail,true
|
|
|
|
|
ion-refresher,event,ionStart,void,true
|
|
|
|
|
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-refresher-content,none
|
|
|
|
|
ion-refresher-content,prop,pullingIcon,null | string | undefined,undefined,false,false
|
2020-04-27 16:03:39 -04:00
|
|
|
ion-refresher-content,prop,pullingText,IonicSafeString | string | undefined,undefined,false,false
|
2021-02-11 20:21:56 +01:00
|
|
|
ion-refresher-content,prop,refreshingSpinner,"bubbles" | "circles" | "circular" | "crescent" | "dots" | "lines" | "lines-sharp" | "lines-sharp-small" | "lines-small" | null | undefined,undefined,false,false
|
2020-04-27 16:03:39 -04:00
|
|
|
ion-refresher-content,prop,refreshingText,IonicSafeString | string | undefined,undefined,false,false
|
2019-06-19 21:33:50 +02:00
|
|
|
|
|
|
|
|
ion-reorder,shadow
|
2020-04-23 12:18:32 -04:00
|
|
|
ion-reorder,part,icon
|
2019-06-19 21:33:50 +02:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-reorder-group,none
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-reorder-group,prop,disabled,boolean,true,false,false
|
2022-09-27 14:03:13 -05:00
|
|
|
ion-reorder-group,method,complete,complete(listOrReorder?: boolean | any[]) => Promise<any>
|
2018-12-28 20:12:54 +01:00
|
|
|
ion-reorder-group,event,ionItemReorder,ItemReorderEventDetail,true
|
2025-06-23 09:51:43 -04:00
|
|
|
ion-reorder-group,event,ionReorderEnd,ReorderEndEventDetail,true
|
|
|
|
|
ion-reorder-group,event,ionReorderMove,ReorderMoveEventDetail,true
|
|
|
|
|
ion-reorder-group,event,ionReorderStart,void,true
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-ripple-effect,shadow
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-ripple-effect,prop,type,"bounded" | "unbounded",'bounded',false,false
|
2019-04-23 12:59:25 -04:00
|
|
|
ion-ripple-effect,method,addRipple,addRipple(x: number, y: number) => Promise<() => void>
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-route,none
|
2021-03-22 15:49:33 -04:00
|
|
|
ion-route,prop,beforeEnter,(() => NavigationHookResult | Promise<NavigationHookResult>) | undefined,undefined,false,false
|
|
|
|
|
ion-route,prop,beforeLeave,(() => NavigationHookResult | Promise<NavigationHookResult>) | undefined,undefined,false,false
|
2018-12-31 17:35:33 +01:00
|
|
|
ion-route,prop,component,string,undefined,true,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-route,prop,componentProps,undefined | { [key: string]: any; },undefined,false,false
|
|
|
|
|
ion-route,prop,url,string,'',false,false
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-route,event,ionRouteDataChanged,any,true
|
|
|
|
|
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-route-redirect,none
|
|
|
|
|
ion-route-redirect,prop,from,string,undefined,true,false
|
|
|
|
|
ion-route-redirect,prop,to,null | string | undefined,undefined,true,false
|
|
|
|
|
ion-route-redirect,event,ionRouteRedirectChanged,any,true
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-router,none
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-router,prop,root,string,'/',false,false
|
|
|
|
|
ion-router,prop,useHash,boolean,true,false,false
|
2019-01-21 01:52:47 +01:00
|
|
|
ion-router,method,back,back() => Promise<void>
|
2022-09-27 14:03:13 -05:00
|
|
|
ion-router,method,push,push(path: string, direction?: RouterDirection, animation?: AnimationBuilder) => Promise<boolean>
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-router,event,ionRouteDidChange,RouterEventDetail,true
|
|
|
|
|
ion-router,event,ionRouteWillChange,RouterEventDetail,true
|
|
|
|
|
|
2019-06-25 18:06:51 -04:00
|
|
|
ion-router-link,shadow
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-router-link,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2019-06-25 18:06:51 -04:00
|
|
|
ion-router-link,prop,href,string | undefined,undefined,false,false
|
|
|
|
|
ion-router-link,prop,rel,string | undefined,undefined,false,false
|
2020-06-08 15:49:14 -04:00
|
|
|
ion-router-link,prop,routerAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
2019-06-25 18:06:51 -04:00
|
|
|
ion-router-link,prop,routerDirection,"back" | "forward" | "root",'forward',false,false
|
2019-07-01 11:23:41 -04:00
|
|
|
ion-router-link,prop,target,string | undefined,undefined,false,false
|
2019-06-25 18:06:51 -04:00
|
|
|
ion-router-link,css-prop,--background
|
|
|
|
|
ion-router-link,css-prop,--color
|
|
|
|
|
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-router-outlet,shadow
|
|
|
|
|
ion-router-outlet,prop,animated,boolean,true,false,false
|
2019-10-11 13:47:52 -04:00
|
|
|
ion-router-outlet,prop,animation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
2023-01-30 11:52:36 -05:00
|
|
|
ion-router-outlet,prop,mode,"ios" | "md",getIonMode(this),false,false
|
2019-06-19 21:33:50 +02:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-row,shadow
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-searchbar,scoped
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-searchbar,prop,animated,boolean,false,false,false
|
2024-03-22 09:13:15 -04:00
|
|
|
ion-searchbar,prop,autocapitalize,string,'off',false,false
|
2026-02-19 13:27:25 -07:00
|
|
|
ion-searchbar,prop,autocomplete,"additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday" | "bday-day" | "bday-month" | "bday-year" | "cc-additional-name" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "email" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "impp" | "language" | "name" | "new-password" | "nickname" | "off" | "on" | "one-time-code" | "organization" | "organization-title" | "photo" | "postal-code" | "sex" | "street-address" | "tel" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "transaction-amount" | "transaction-currency" | "url" | "username",'off',false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-searchbar,prop,autocorrect,"off" | "on",'off',false,false
|
2022-01-28 09:13:39 -06:00
|
|
|
ion-searchbar,prop,cancelButtonIcon,string,config.get('backButtonIcon', arrowBackSharp) as string,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-searchbar,prop,cancelButtonText,string,'Cancel',false,false
|
|
|
|
|
ion-searchbar,prop,clearIcon,string | undefined,undefined,false,false
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-searchbar,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2022-10-03 15:08:43 -05:00
|
|
|
ion-searchbar,prop,debounce,number | undefined,undefined,false,false
|
2019-04-22 17:37:58 +02:00
|
|
|
ion-searchbar,prop,disabled,boolean,false,false,false
|
2020-04-15 15:08:43 -04:00
|
|
|
ion-searchbar,prop,enterkeyhint,"done" | "enter" | "go" | "next" | "previous" | "search" | "send" | undefined,undefined,false,false
|
2019-12-16 12:16:54 -05:00
|
|
|
ion-searchbar,prop,inputmode,"decimal" | "email" | "none" | "numeric" | "search" | "tel" | "text" | "url" | undefined,undefined,false,false
|
feat(searchbar): autocapitalize, dir, lang, maxlength, and minlength are inherited to native input (#29098)
Issue number: resolves #27606
---------
<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->
<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->
## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->
Certain attributes are not be inherited to the inner searchbar.
Developers need control over these attributes to provide important
context to users for things like language and text direction.
Additionally, being able to control things like autocapitalize,
maxlength, and minlength can help improve the user experience by a)
guiding what should be entered into an input and b) removing
autocapitalize where it's not appropriate.
## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->
- Added autocapitalize, maxlength, and minlength properties
- lang and dir are global attributes, so adding them as properties will
cause issues. However, developers can still set them as attributes and
they will be inherited to the native `input` element. We also watch them
so any changes to the attributes are also inherited to the native
`input`.
## Does this introduce a breaking change?
- [ ] Yes
- [x] No
<!--
If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#footer
for more information.
-->
## Other information
<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->
Note: We expanded the scope of this work to also include input and
textarea, and this work will be handled separately. However, the
original request was only for searchbar so that's why I associated this
PR with the linked issue.
Dev build: `7.7.3-dev.11709159644.114cd8b1`
2024-03-01 17:12:05 -05:00
|
|
|
ion-searchbar,prop,maxlength,number | undefined,undefined,false,false
|
|
|
|
|
ion-searchbar,prop,minlength,number | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-searchbar,prop,mode,"ios" | "md",undefined,false,false
|
2023-07-17 17:43:00 +02:00
|
|
|
ion-searchbar,prop,name,string,this.inputId,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-searchbar,prop,placeholder,string,'Search',false,false
|
2019-11-20 08:53:32 -06:00
|
|
|
ion-searchbar,prop,searchIcon,string | undefined,undefined,false,false
|
2019-09-30 11:17:32 -04:00
|
|
|
ion-searchbar,prop,showCancelButton,"always" | "focus" | "never",'never',false,false
|
2021-06-21 13:12:02 -04:00
|
|
|
ion-searchbar,prop,showClearButton,"always" | "focus" | "never",'always',false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-searchbar,prop,spellcheck,boolean,false,false,false
|
|
|
|
|
ion-searchbar,prop,type,"email" | "number" | "password" | "search" | "tel" | "text" | "url",'search',false,false
|
|
|
|
|
ion-searchbar,prop,value,null | string | undefined,'',false,false
|
2019-01-21 17:19:40 +01:00
|
|
|
ion-searchbar,method,getInputElement,getInputElement() => Promise<HTMLInputElement>
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-searchbar,method,setFocus,setFocus() => Promise<void>
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-searchbar,event,ionBlur,void,true
|
|
|
|
|
ion-searchbar,event,ionCancel,void,true
|
2018-12-28 20:12:54 +01:00
|
|
|
ion-searchbar,event,ionChange,SearchbarChangeEventDetail,true
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-searchbar,event,ionClear,void,true
|
|
|
|
|
ion-searchbar,event,ionFocus,void,true
|
2023-02-23 12:15:43 -05:00
|
|
|
ion-searchbar,event,ionInput,SearchbarInputEventDetail,true
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-searchbar,css-prop,--background,ios
|
|
|
|
|
ion-searchbar,css-prop,--background,md
|
|
|
|
|
ion-searchbar,css-prop,--border-radius,ios
|
|
|
|
|
ion-searchbar,css-prop,--border-radius,md
|
|
|
|
|
ion-searchbar,css-prop,--box-shadow,ios
|
|
|
|
|
ion-searchbar,css-prop,--box-shadow,md
|
|
|
|
|
ion-searchbar,css-prop,--cancel-button-color,ios
|
|
|
|
|
ion-searchbar,css-prop,--cancel-button-color,md
|
|
|
|
|
ion-searchbar,css-prop,--clear-button-color,ios
|
|
|
|
|
ion-searchbar,css-prop,--clear-button-color,md
|
|
|
|
|
ion-searchbar,css-prop,--color,ios
|
|
|
|
|
ion-searchbar,css-prop,--color,md
|
|
|
|
|
ion-searchbar,css-prop,--icon-color,ios
|
|
|
|
|
ion-searchbar,css-prop,--icon-color,md
|
|
|
|
|
ion-searchbar,css-prop,--placeholder-color,ios
|
|
|
|
|
ion-searchbar,css-prop,--placeholder-color,md
|
|
|
|
|
ion-searchbar,css-prop,--placeholder-font-style,ios
|
|
|
|
|
ion-searchbar,css-prop,--placeholder-font-style,md
|
|
|
|
|
ion-searchbar,css-prop,--placeholder-font-weight,ios
|
|
|
|
|
ion-searchbar,css-prop,--placeholder-font-weight,md
|
|
|
|
|
ion-searchbar,css-prop,--placeholder-opacity,ios
|
|
|
|
|
ion-searchbar,css-prop,--placeholder-opacity,md
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2020-01-14 11:51:28 -05:00
|
|
|
ion-segment,shadow
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-segment,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-segment,prop,disabled,boolean,false,false,false
|
|
|
|
|
ion-segment,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-segment,prop,scrollable,boolean,false,false,false
|
2021-07-20 16:45:17 -04:00
|
|
|
ion-segment,prop,selectOnFocus,boolean,false,false,false
|
2020-11-14 02:38:23 +09:00
|
|
|
ion-segment,prop,swipeGesture,boolean,true,false,false
|
2023-05-24 16:07:57 +02:00
|
|
|
ion-segment,prop,value,number | string | undefined,undefined,false,false
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-segment,event,ionChange,SegmentChangeEventDetail,true
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-segment,css-prop,--background,ios
|
|
|
|
|
ion-segment,css-prop,--background,md
|
2019-06-19 21:33:50 +02:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-segment-button,shadow
|
2024-10-31 12:20:02 -04:00
|
|
|
ion-segment-button,prop,contentId,string | undefined,undefined,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-segment-button,prop,disabled,boolean,false,false,false
|
|
|
|
|
ion-segment-button,prop,layout,"icon-bottom" | "icon-end" | "icon-hide" | "icon-start" | "icon-top" | "label-hide" | undefined,'icon-top',false,false
|
|
|
|
|
ion-segment-button,prop,mode,"ios" | "md",undefined,false,false
|
2019-06-12 14:06:29 -04:00
|
|
|
ion-segment-button,prop,type,"button" | "reset" | "submit",'button',false,false
|
2023-05-24 16:07:57 +02:00
|
|
|
ion-segment-button,prop,value,number | string,'ion-sb-' + ids++,false,false
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-segment-button,css-prop,--background,ios
|
|
|
|
|
ion-segment-button,css-prop,--background,md
|
|
|
|
|
ion-segment-button,css-prop,--background-checked,ios
|
|
|
|
|
ion-segment-button,css-prop,--background-checked,md
|
|
|
|
|
ion-segment-button,css-prop,--background-focused,ios
|
|
|
|
|
ion-segment-button,css-prop,--background-focused,md
|
|
|
|
|
ion-segment-button,css-prop,--background-focused-opacity,ios
|
|
|
|
|
ion-segment-button,css-prop,--background-focused-opacity,md
|
|
|
|
|
ion-segment-button,css-prop,--background-hover,ios
|
|
|
|
|
ion-segment-button,css-prop,--background-hover,md
|
|
|
|
|
ion-segment-button,css-prop,--background-hover-opacity,ios
|
|
|
|
|
ion-segment-button,css-prop,--background-hover-opacity,md
|
|
|
|
|
ion-segment-button,css-prop,--border-color,ios
|
|
|
|
|
ion-segment-button,css-prop,--border-color,md
|
|
|
|
|
ion-segment-button,css-prop,--border-radius,ios
|
|
|
|
|
ion-segment-button,css-prop,--border-radius,md
|
|
|
|
|
ion-segment-button,css-prop,--border-style,ios
|
|
|
|
|
ion-segment-button,css-prop,--border-style,md
|
|
|
|
|
ion-segment-button,css-prop,--border-width,ios
|
|
|
|
|
ion-segment-button,css-prop,--border-width,md
|
|
|
|
|
ion-segment-button,css-prop,--color,ios
|
|
|
|
|
ion-segment-button,css-prop,--color,md
|
|
|
|
|
ion-segment-button,css-prop,--color-checked,ios
|
|
|
|
|
ion-segment-button,css-prop,--color-checked,md
|
|
|
|
|
ion-segment-button,css-prop,--color-focused,ios
|
|
|
|
|
ion-segment-button,css-prop,--color-focused,md
|
|
|
|
|
ion-segment-button,css-prop,--color-hover,ios
|
|
|
|
|
ion-segment-button,css-prop,--color-hover,md
|
|
|
|
|
ion-segment-button,css-prop,--indicator-box-shadow,ios
|
|
|
|
|
ion-segment-button,css-prop,--indicator-box-shadow,md
|
|
|
|
|
ion-segment-button,css-prop,--indicator-color,ios
|
|
|
|
|
ion-segment-button,css-prop,--indicator-color,md
|
|
|
|
|
ion-segment-button,css-prop,--indicator-height,ios
|
|
|
|
|
ion-segment-button,css-prop,--indicator-height,md
|
|
|
|
|
ion-segment-button,css-prop,--indicator-transform,ios
|
|
|
|
|
ion-segment-button,css-prop,--indicator-transform,md
|
|
|
|
|
ion-segment-button,css-prop,--indicator-transition,ios
|
|
|
|
|
ion-segment-button,css-prop,--indicator-transition,md
|
|
|
|
|
ion-segment-button,css-prop,--margin-bottom,ios
|
|
|
|
|
ion-segment-button,css-prop,--margin-bottom,md
|
|
|
|
|
ion-segment-button,css-prop,--margin-end,ios
|
|
|
|
|
ion-segment-button,css-prop,--margin-end,md
|
|
|
|
|
ion-segment-button,css-prop,--margin-start,ios
|
|
|
|
|
ion-segment-button,css-prop,--margin-start,md
|
|
|
|
|
ion-segment-button,css-prop,--margin-top,ios
|
|
|
|
|
ion-segment-button,css-prop,--margin-top,md
|
|
|
|
|
ion-segment-button,css-prop,--padding-bottom,ios
|
|
|
|
|
ion-segment-button,css-prop,--padding-bottom,md
|
|
|
|
|
ion-segment-button,css-prop,--padding-end,ios
|
|
|
|
|
ion-segment-button,css-prop,--padding-end,md
|
|
|
|
|
ion-segment-button,css-prop,--padding-start,ios
|
|
|
|
|
ion-segment-button,css-prop,--padding-start,md
|
|
|
|
|
ion-segment-button,css-prop,--padding-top,ios
|
|
|
|
|
ion-segment-button,css-prop,--padding-top,md
|
|
|
|
|
ion-segment-button,css-prop,--transition,ios
|
|
|
|
|
ion-segment-button,css-prop,--transition,md
|
2020-06-10 09:58:33 -04:00
|
|
|
ion-segment-button,part,indicator
|
2020-06-30 11:31:54 -04:00
|
|
|
ion-segment-button,part,indicator-background
|
2020-06-10 09:58:33 -04:00
|
|
|
ion-segment-button,part,native
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2024-10-31 12:20:02 -04:00
|
|
|
ion-segment-content,shadow
|
|
|
|
|
|
|
|
|
|
ion-segment-view,shadow
|
|
|
|
|
ion-segment-view,prop,disabled,boolean,false,false,false
|
2026-02-10 09:59:24 -05:00
|
|
|
ion-segment-view,prop,swipeGesture,boolean,true,false,false
|
2024-10-31 12:20:02 -04:00
|
|
|
ion-segment-view,event,ionSegmentViewScroll,SegmentViewScrollEvent,true
|
|
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-select,shadow
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-select,prop,cancelText,string,'Cancel',false,false
|
2023-01-11 11:21:30 -05:00
|
|
|
ion-select,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2019-03-01 16:46:42 -03:00
|
|
|
ion-select,prop,compareWith,((currentValue: any, compareValue: any) => boolean) | null | string | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-select,prop,disabled,boolean,false,false,false
|
2025-03-10 18:53:11 -04:00
|
|
|
ion-select,prop,errorText,string | undefined,undefined,false,false
|
2023-06-20 12:18:36 -05:00
|
|
|
ion-select,prop,expandedIcon,string | undefined,undefined,false,false
|
2023-01-11 11:21:30 -05:00
|
|
|
ion-select,prop,fill,"outline" | "solid" | undefined,undefined,false,false
|
2025-03-10 18:53:11 -04:00
|
|
|
ion-select,prop,helperText,string | undefined,undefined,false,false
|
2024-10-31 10:01:32 -04:00
|
|
|
ion-select,prop,interface,"action-sheet" | "alert" | "modal" | "popover",'alert',false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-select,prop,interfaceOptions,any,{},false,false
|
2024-08-29 14:16:36 -04:00
|
|
|
ion-select,prop,justify,"end" | "space-between" | "start" | undefined,undefined,false,false
|
2023-01-11 11:21:30 -05:00
|
|
|
ion-select,prop,label,string | undefined,undefined,false,false
|
|
|
|
|
ion-select,prop,labelPlacement,"end" | "fixed" | "floating" | "stacked" | "start" | undefined,'start',false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-select,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-select,prop,multiple,boolean,false,false,false
|
|
|
|
|
ion-select,prop,name,string,this.inputId,false,false
|
|
|
|
|
ion-select,prop,okText,string,'OK',false,false
|
2021-06-24 10:23:19 -04:00
|
|
|
ion-select,prop,placeholder,string | undefined,undefined,false,false
|
2025-02-04 10:18:40 +00:00
|
|
|
ion-select,prop,required,boolean,false,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-select,prop,selectedText,null | string | undefined,undefined,false,false
|
2023-01-11 11:21:30 -05:00
|
|
|
ion-select,prop,shape,"round" | undefined,undefined,false,false
|
2023-06-20 12:18:36 -05:00
|
|
|
ion-select,prop,toggleIcon,string | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-select,prop,value,any,undefined,false,false
|
2022-09-27 14:03:13 -05:00
|
|
|
ion-select,method,open,open(event?: UIEvent) => Promise<any>
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-select,event,ionBlur,void,true
|
|
|
|
|
ion-select,event,ionCancel,void,true
|
2020-07-14 22:06:48 +02:00
|
|
|
ion-select,event,ionChange,SelectChangeEventDetail<any>,true
|
2021-12-14 09:33:53 -06:00
|
|
|
ion-select,event,ionDismiss,void,true
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-select,event,ionFocus,void,true
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-select,css-prop,--background,ios
|
|
|
|
|
ion-select,css-prop,--background,md
|
|
|
|
|
ion-select,css-prop,--border-color,ios
|
|
|
|
|
ion-select,css-prop,--border-color,md
|
|
|
|
|
ion-select,css-prop,--border-radius,ios
|
|
|
|
|
ion-select,css-prop,--border-radius,md
|
|
|
|
|
ion-select,css-prop,--border-style,ios
|
|
|
|
|
ion-select,css-prop,--border-style,md
|
|
|
|
|
ion-select,css-prop,--border-width,ios
|
|
|
|
|
ion-select,css-prop,--border-width,md
|
|
|
|
|
ion-select,css-prop,--highlight-color-focused,ios
|
|
|
|
|
ion-select,css-prop,--highlight-color-focused,md
|
|
|
|
|
ion-select,css-prop,--highlight-color-invalid,ios
|
|
|
|
|
ion-select,css-prop,--highlight-color-invalid,md
|
|
|
|
|
ion-select,css-prop,--highlight-color-valid,ios
|
|
|
|
|
ion-select,css-prop,--highlight-color-valid,md
|
|
|
|
|
ion-select,css-prop,--highlight-height,ios
|
|
|
|
|
ion-select,css-prop,--highlight-height,md
|
|
|
|
|
ion-select,css-prop,--padding-bottom,ios
|
|
|
|
|
ion-select,css-prop,--padding-bottom,md
|
|
|
|
|
ion-select,css-prop,--padding-end,ios
|
|
|
|
|
ion-select,css-prop,--padding-end,md
|
|
|
|
|
ion-select,css-prop,--padding-start,ios
|
|
|
|
|
ion-select,css-prop,--padding-start,md
|
|
|
|
|
ion-select,css-prop,--padding-top,ios
|
|
|
|
|
ion-select,css-prop,--padding-top,md
|
|
|
|
|
ion-select,css-prop,--placeholder-color,ios
|
|
|
|
|
ion-select,css-prop,--placeholder-color,md
|
|
|
|
|
ion-select,css-prop,--placeholder-opacity,ios
|
|
|
|
|
ion-select,css-prop,--placeholder-opacity,md
|
|
|
|
|
ion-select,css-prop,--ripple-color,ios
|
|
|
|
|
ion-select,css-prop,--ripple-color,md
|
2026-02-17 12:50:22 -08:00
|
|
|
ion-select,part,bottom
|
2023-05-24 10:54:18 -04:00
|
|
|
ion-select,part,container
|
2025-03-10 18:53:11 -04:00
|
|
|
ion-select,part,error-text
|
|
|
|
|
ion-select,part,helper-text
|
2020-04-23 12:14:21 -04:00
|
|
|
ion-select,part,icon
|
2026-02-17 12:50:22 -08:00
|
|
|
ion-select,part,inner
|
2023-05-24 10:54:18 -04:00
|
|
|
ion-select,part,label
|
2020-04-23 12:14:21 -04:00
|
|
|
ion-select,part,placeholder
|
2025-03-10 18:53:11 -04:00
|
|
|
ion-select,part,supporting-text
|
2020-04-23 12:14:21 -04:00
|
|
|
ion-select,part,text
|
2026-02-17 12:50:22 -08:00
|
|
|
ion-select,part,wrapper
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2024-10-31 10:01:32 -04:00
|
|
|
ion-select-modal,scoped
|
2026-02-03 20:02:27 -03:00
|
|
|
ion-select-modal,prop,cancelText,string,'Close',false,false
|
2024-10-31 10:01:32 -04:00
|
|
|
ion-select-modal,prop,header,string | undefined,undefined,false,false
|
|
|
|
|
ion-select-modal,prop,multiple,boolean | undefined,undefined,false,false
|
|
|
|
|
ion-select-modal,prop,options,SelectModalOption[],[],false,false
|
|
|
|
|
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-select-option,shadow
|
|
|
|
|
ion-select-option,prop,disabled,boolean,false,false,false
|
|
|
|
|
ion-select-option,prop,value,any,undefined,false,false
|
|
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-skeleton-text,shadow
|
2019-02-27 17:27:34 -05:00
|
|
|
ion-skeleton-text,prop,animated,boolean,false,false,false
|
2018-11-21 11:43:27 +01:00
|
|
|
ion-skeleton-text,css-prop,--background
|
2019-02-27 17:27:34 -05:00
|
|
|
ion-skeleton-text,css-prop,--background-rgb
|
|
|
|
|
ion-skeleton-text,css-prop,--border-radius
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-spinner,shadow
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-spinner,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-spinner,prop,duration,number | undefined,undefined,false,false
|
2021-02-11 20:21:56 +01:00
|
|
|
ion-spinner,prop,name,"bubbles" | "circles" | "circular" | "crescent" | "dots" | "lines" | "lines-sharp" | "lines-sharp-small" | "lines-small" | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-spinner,prop,paused,boolean,false,false,false
|
2018-11-21 11:43:27 +01:00
|
|
|
ion-spinner,css-prop,--color
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-10-30 14:16:39 -04:00
|
|
|
ion-split-pane,shadow
|
2020-01-08 21:36:30 -06:00
|
|
|
ion-split-pane,prop,contentId,string | undefined,undefined,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-split-pane,prop,disabled,boolean,false,false,false
|
|
|
|
|
ion-split-pane,prop,when,boolean | string,QUERY['lg'],false,false
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-split-pane,event,ionSplitPaneVisible,{ visible: boolean; },true
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-split-pane,css-prop,--border,ios
|
|
|
|
|
ion-split-pane,css-prop,--border,md
|
|
|
|
|
ion-split-pane,css-prop,--side-max-width,ios
|
|
|
|
|
ion-split-pane,css-prop,--side-max-width,md
|
|
|
|
|
ion-split-pane,css-prop,--side-min-width,ios
|
|
|
|
|
ion-split-pane,css-prop,--side-min-width,md
|
|
|
|
|
ion-split-pane,css-prop,--side-width,ios
|
|
|
|
|
ion-split-pane,css-prop,--side-width,md
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-tab,shadow
|
|
|
|
|
ion-tab,prop,component,Function | HTMLElement | null | string | undefined,undefined,false,false
|
|
|
|
|
ion-tab,prop,tab,string,undefined,true,false
|
|
|
|
|
ion-tab,method,setActive,setActive() => Promise<void>
|
|
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-tab-bar,shadow
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-tab-bar,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-tab-bar,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-tab-bar,prop,selectedTab,string | undefined,undefined,false,false
|
|
|
|
|
ion-tab-bar,prop,translucent,boolean,false,false,false
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-tab-bar,css-prop,--background,ios
|
|
|
|
|
ion-tab-bar,css-prop,--background,md
|
|
|
|
|
ion-tab-bar,css-prop,--border,ios
|
|
|
|
|
ion-tab-bar,css-prop,--border,md
|
|
|
|
|
ion-tab-bar,css-prop,--color,ios
|
|
|
|
|
ion-tab-bar,css-prop,--color,md
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-tab-button,shadow
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-tab-button,prop,disabled,boolean,false,false,false
|
2019-06-12 14:06:29 -04:00
|
|
|
ion-tab-button,prop,download,string | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-tab-button,prop,href,string | undefined,undefined,false,false
|
|
|
|
|
ion-tab-button,prop,layout,"icon-bottom" | "icon-end" | "icon-hide" | "icon-start" | "icon-top" | "label-hide" | undefined,undefined,false,false
|
|
|
|
|
ion-tab-button,prop,mode,"ios" | "md",undefined,false,false
|
2019-06-12 14:06:29 -04:00
|
|
|
ion-tab-button,prop,rel,string | undefined,undefined,false,false
|
2018-12-31 12:51:36 +01:00
|
|
|
ion-tab-button,prop,selected,boolean,false,false,false
|
|
|
|
|
ion-tab-button,prop,tab,string | undefined,undefined,false,false
|
2019-06-12 14:06:29 -04:00
|
|
|
ion-tab-button,prop,target,string | undefined,undefined,false,false
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-tab-button,css-prop,--background,ios
|
|
|
|
|
ion-tab-button,css-prop,--background,md
|
|
|
|
|
ion-tab-button,css-prop,--background-focused,ios
|
|
|
|
|
ion-tab-button,css-prop,--background-focused,md
|
|
|
|
|
ion-tab-button,css-prop,--background-focused-opacity,ios
|
|
|
|
|
ion-tab-button,css-prop,--background-focused-opacity,md
|
|
|
|
|
ion-tab-button,css-prop,--color,ios
|
|
|
|
|
ion-tab-button,css-prop,--color,md
|
|
|
|
|
ion-tab-button,css-prop,--color-focused,ios
|
|
|
|
|
ion-tab-button,css-prop,--color-focused,md
|
|
|
|
|
ion-tab-button,css-prop,--color-selected,ios
|
|
|
|
|
ion-tab-button,css-prop,--color-selected,md
|
|
|
|
|
ion-tab-button,css-prop,--padding-bottom,ios
|
|
|
|
|
ion-tab-button,css-prop,--padding-bottom,md
|
|
|
|
|
ion-tab-button,css-prop,--padding-end,ios
|
|
|
|
|
ion-tab-button,css-prop,--padding-end,md
|
|
|
|
|
ion-tab-button,css-prop,--padding-start,ios
|
|
|
|
|
ion-tab-button,css-prop,--padding-start,md
|
|
|
|
|
ion-tab-button,css-prop,--padding-top,ios
|
|
|
|
|
ion-tab-button,css-prop,--padding-top,md
|
|
|
|
|
ion-tab-button,css-prop,--ripple-color,ios
|
|
|
|
|
ion-tab-button,css-prop,--ripple-color,md
|
2020-06-10 09:58:33 -04:00
|
|
|
ion-tab-button,part,native
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-tabs,shadow
|
2019-01-14 18:03:44 +01:00
|
|
|
ion-tabs,method,getSelected,getSelected() => Promise<string | undefined>
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-tabs,method,getTab,getTab(tab: string | HTMLIonTabElement) => Promise<HTMLIonTabElement | undefined>
|
|
|
|
|
ion-tabs,method,select,select(tab: string | HTMLIonTabElement) => Promise<boolean>
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-tabs,event,ionTabsDidChange,{ tab: string; },false
|
|
|
|
|
ion-tabs,event,ionTabsWillChange,{ tab: string; },false
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-text,shadow
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-text,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-text,prop,mode,"ios" | "md",undefined,false,false
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-textarea,scoped
|
2022-07-27 16:07:22 +00:00
|
|
|
ion-textarea,prop,autoGrow,boolean,false,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-textarea,prop,autocapitalize,string,'none',false,false
|
|
|
|
|
ion-textarea,prop,autofocus,boolean,false,false,false
|
|
|
|
|
ion-textarea,prop,clearOnEdit,boolean,false,false,false
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-textarea,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2023-09-01 10:56:41 -04:00
|
|
|
ion-textarea,prop,cols,number | undefined,undefined,false,true
|
2023-01-24 20:57:53 -05:00
|
|
|
ion-textarea,prop,counter,boolean,false,false,false
|
|
|
|
|
ion-textarea,prop,counterFormatter,((inputLength: number, maxLength: number) => string) | undefined,undefined,false,false
|
2022-11-09 13:55:20 -06:00
|
|
|
ion-textarea,prop,debounce,number | undefined,undefined,false,false
|
2026-02-11 01:24:39 +01:00
|
|
|
ion-textarea,prop,disabled,boolean,false,false,true
|
2020-04-24 11:56:10 -04:00
|
|
|
ion-textarea,prop,enterkeyhint,"done" | "enter" | "go" | "next" | "previous" | "search" | "send" | undefined,undefined,false,false
|
2023-01-24 20:57:53 -05:00
|
|
|
ion-textarea,prop,errorText,string | undefined,undefined,false,false
|
|
|
|
|
ion-textarea,prop,fill,"outline" | "solid" | undefined,undefined,false,false
|
|
|
|
|
ion-textarea,prop,helperText,string | undefined,undefined,false,false
|
2020-04-24 11:56:10 -04:00
|
|
|
ion-textarea,prop,inputmode,"decimal" | "email" | "none" | "numeric" | "search" | "tel" | "text" | "url" | undefined,undefined,false,false
|
2023-01-24 20:57:53 -05:00
|
|
|
ion-textarea,prop,label,string | undefined,undefined,false,false
|
|
|
|
|
ion-textarea,prop,labelPlacement,"end" | "fixed" | "floating" | "stacked" | "start",'start',false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-textarea,prop,maxlength,number | undefined,undefined,false,false
|
|
|
|
|
ion-textarea,prop,minlength,number | undefined,undefined,false,false
|
|
|
|
|
ion-textarea,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-textarea,prop,name,string,this.inputId,false,false
|
2021-06-24 10:23:19 -04:00
|
|
|
ion-textarea,prop,placeholder,string | undefined,undefined,false,false
|
2026-02-11 01:24:39 +01:00
|
|
|
ion-textarea,prop,readonly,boolean,false,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-textarea,prop,required,boolean,false,false,false
|
|
|
|
|
ion-textarea,prop,rows,number | undefined,undefined,false,false
|
2023-01-24 20:57:53 -05:00
|
|
|
ion-textarea,prop,shape,"round" | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-textarea,prop,spellcheck,boolean,false,false,false
|
|
|
|
|
ion-textarea,prop,value,null | string | undefined,'',false,false
|
|
|
|
|
ion-textarea,prop,wrap,"hard" | "off" | "soft" | undefined,undefined,false,false
|
2019-01-21 17:19:40 +01:00
|
|
|
ion-textarea,method,getInputElement,getInputElement() => Promise<HTMLTextAreaElement>
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-textarea,method,setFocus,setFocus() => Promise<void>
|
2020-07-17 17:43:17 -04:00
|
|
|
ion-textarea,event,ionBlur,FocusEvent,true
|
2018-12-28 20:12:54 +01:00
|
|
|
ion-textarea,event,ionChange,TextareaChangeEventDetail,true
|
2020-07-17 17:43:17 -04:00
|
|
|
ion-textarea,event,ionFocus,FocusEvent,true
|
2022-11-01 11:30:58 -05:00
|
|
|
ion-textarea,event,ionInput,TextareaInputEventDetail,true
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-textarea,css-prop,--background,ios
|
|
|
|
|
ion-textarea,css-prop,--background,md
|
|
|
|
|
ion-textarea,css-prop,--border-color,ios
|
|
|
|
|
ion-textarea,css-prop,--border-color,md
|
|
|
|
|
ion-textarea,css-prop,--border-radius,ios
|
|
|
|
|
ion-textarea,css-prop,--border-radius,md
|
|
|
|
|
ion-textarea,css-prop,--border-style,ios
|
|
|
|
|
ion-textarea,css-prop,--border-style,md
|
|
|
|
|
ion-textarea,css-prop,--border-width,ios
|
|
|
|
|
ion-textarea,css-prop,--border-width,md
|
|
|
|
|
ion-textarea,css-prop,--color,ios
|
|
|
|
|
ion-textarea,css-prop,--color,md
|
|
|
|
|
ion-textarea,css-prop,--highlight-color-focused,ios
|
|
|
|
|
ion-textarea,css-prop,--highlight-color-focused,md
|
|
|
|
|
ion-textarea,css-prop,--highlight-color-invalid,ios
|
|
|
|
|
ion-textarea,css-prop,--highlight-color-invalid,md
|
|
|
|
|
ion-textarea,css-prop,--highlight-color-valid,ios
|
|
|
|
|
ion-textarea,css-prop,--highlight-color-valid,md
|
|
|
|
|
ion-textarea,css-prop,--highlight-height,ios
|
|
|
|
|
ion-textarea,css-prop,--highlight-height,md
|
|
|
|
|
ion-textarea,css-prop,--padding-bottom,ios
|
|
|
|
|
ion-textarea,css-prop,--padding-bottom,md
|
|
|
|
|
ion-textarea,css-prop,--padding-end,ios
|
|
|
|
|
ion-textarea,css-prop,--padding-end,md
|
|
|
|
|
ion-textarea,css-prop,--padding-start,ios
|
|
|
|
|
ion-textarea,css-prop,--padding-start,md
|
|
|
|
|
ion-textarea,css-prop,--padding-top,ios
|
|
|
|
|
ion-textarea,css-prop,--padding-top,md
|
|
|
|
|
ion-textarea,css-prop,--placeholder-color,ios
|
|
|
|
|
ion-textarea,css-prop,--placeholder-color,md
|
|
|
|
|
ion-textarea,css-prop,--placeholder-font-style,ios
|
|
|
|
|
ion-textarea,css-prop,--placeholder-font-style,md
|
|
|
|
|
ion-textarea,css-prop,--placeholder-font-weight,ios
|
|
|
|
|
ion-textarea,css-prop,--placeholder-font-weight,md
|
|
|
|
|
ion-textarea,css-prop,--placeholder-opacity,ios
|
|
|
|
|
ion-textarea,css-prop,--placeholder-opacity,md
|
2018-11-21 11:43:27 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-thumbnail,shadow
|
2018-11-21 11:43:27 +01:00
|
|
|
ion-thumbnail,css-prop,--border-radius
|
|
|
|
|
ion-thumbnail,css-prop,--size
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-title,shadow
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-title,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2019-09-05 17:32:19 -04:00
|
|
|
ion-title,prop,size,"large" | "small" | undefined,undefined,false,false
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-title,css-prop,--color,ios
|
|
|
|
|
ion-title,css-prop,--color,md
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-toast,shadow
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-toast,prop,animated,boolean,true,false,false
|
2019-04-11 10:46:10 -05:00
|
|
|
ion-toast,prop,buttons,(string | ToastButton)[] | undefined,undefined,false,false
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-toast,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-toast,prop,cssClass,string | string[] | undefined,undefined,false,false
|
2022-12-06 09:52:52 -06:00
|
|
|
ion-toast,prop,duration,number,config.getNumber('toastDuration', 0),false,false
|
2019-10-11 13:47:52 -04:00
|
|
|
ion-toast,prop,enterAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
2019-04-11 10:46:10 -05:00
|
|
|
ion-toast,prop,header,string | undefined,undefined,false,false
|
2022-04-07 14:11:30 -04:00
|
|
|
ion-toast,prop,htmlAttributes,undefined | { [key: string]: any; },undefined,false,false
|
2021-07-23 18:46:01 +02:00
|
|
|
ion-toast,prop,icon,string | undefined,undefined,false,false
|
2022-11-07 16:21:35 -06:00
|
|
|
ion-toast,prop,isOpen,boolean,false,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-toast,prop,keyboardClose,boolean,false,false,false
|
2023-02-15 09:56:02 -05:00
|
|
|
ion-toast,prop,layout,"baseline" | "stacked",'baseline',false,false
|
2019-10-11 13:47:52 -04:00
|
|
|
ion-toast,prop,leaveAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
|
2020-04-27 16:03:39 -04:00
|
|
|
ion-toast,prop,message,IonicSafeString | string | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-toast,prop,mode,"ios" | "md",undefined,false,false
|
2022-12-08 17:44:09 +00:00
|
|
|
ion-toast,prop,position,"bottom" | "middle" | "top",'bottom',false,false
|
2023-10-04 14:06:27 -05:00
|
|
|
ion-toast,prop,positionAnchor,HTMLElement | string | undefined,undefined,false,false
|
2023-11-13 12:14:29 -05:00
|
|
|
ion-toast,prop,swipeGesture,"vertical" | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-toast,prop,translucent,boolean,false,false,false
|
2022-11-07 16:21:35 -06:00
|
|
|
ion-toast,prop,trigger,string | undefined,undefined,false,false
|
2022-09-27 14:03:13 -05:00
|
|
|
ion-toast,method,dismiss,dismiss(data?: any, role?: string) => Promise<boolean>
|
2020-06-03 20:08:27 +07:00
|
|
|
ion-toast,method,onDidDismiss,onDidDismiss<T = any>() => Promise<OverlayEventDetail<T>>
|
|
|
|
|
ion-toast,method,onWillDismiss,onWillDismiss<T = any>() => Promise<OverlayEventDetail<T>>
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-toast,method,present,present() => Promise<void>
|
2022-11-07 16:21:35 -06:00
|
|
|
ion-toast,event,didDismiss,OverlayEventDetail<any>,true
|
|
|
|
|
ion-toast,event,didPresent,void,true
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-toast,event,ionToastDidDismiss,OverlayEventDetail<any>,true
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-toast,event,ionToastDidPresent,void,true
|
2019-06-19 21:33:50 +02:00
|
|
|
ion-toast,event,ionToastWillDismiss,OverlayEventDetail<any>,true
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-toast,event,ionToastWillPresent,void,true
|
2022-11-07 16:21:35 -06:00
|
|
|
ion-toast,event,willDismiss,OverlayEventDetail<any>,true
|
|
|
|
|
ion-toast,event,willPresent,void,true
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-toast,css-prop,--background,ios
|
|
|
|
|
ion-toast,css-prop,--background,md
|
|
|
|
|
ion-toast,css-prop,--border-color,ios
|
|
|
|
|
ion-toast,css-prop,--border-color,md
|
|
|
|
|
ion-toast,css-prop,--border-radius,ios
|
|
|
|
|
ion-toast,css-prop,--border-radius,md
|
|
|
|
|
ion-toast,css-prop,--border-style,ios
|
|
|
|
|
ion-toast,css-prop,--border-style,md
|
|
|
|
|
ion-toast,css-prop,--border-width,ios
|
|
|
|
|
ion-toast,css-prop,--border-width,md
|
|
|
|
|
ion-toast,css-prop,--box-shadow,ios
|
|
|
|
|
ion-toast,css-prop,--box-shadow,md
|
|
|
|
|
ion-toast,css-prop,--button-color,ios
|
|
|
|
|
ion-toast,css-prop,--button-color,md
|
|
|
|
|
ion-toast,css-prop,--color,ios
|
|
|
|
|
ion-toast,css-prop,--color,md
|
|
|
|
|
ion-toast,css-prop,--end,ios
|
|
|
|
|
ion-toast,css-prop,--end,md
|
|
|
|
|
ion-toast,css-prop,--height,ios
|
|
|
|
|
ion-toast,css-prop,--height,md
|
|
|
|
|
ion-toast,css-prop,--max-height,ios
|
|
|
|
|
ion-toast,css-prop,--max-height,md
|
|
|
|
|
ion-toast,css-prop,--max-width,ios
|
|
|
|
|
ion-toast,css-prop,--max-width,md
|
|
|
|
|
ion-toast,css-prop,--min-height,ios
|
|
|
|
|
ion-toast,css-prop,--min-height,md
|
|
|
|
|
ion-toast,css-prop,--min-width,ios
|
|
|
|
|
ion-toast,css-prop,--min-width,md
|
|
|
|
|
ion-toast,css-prop,--start,ios
|
|
|
|
|
ion-toast,css-prop,--start,md
|
|
|
|
|
ion-toast,css-prop,--white-space,ios
|
|
|
|
|
ion-toast,css-prop,--white-space,md
|
|
|
|
|
ion-toast,css-prop,--width,ios
|
|
|
|
|
ion-toast,css-prop,--width,md
|
2020-06-30 11:31:54 -04:00
|
|
|
ion-toast,part,button
|
2023-08-10 11:26:01 -05:00
|
|
|
ion-toast,part,button cancel
|
2020-06-30 11:31:54 -04:00
|
|
|
ion-toast,part,container
|
2026-03-05 08:34:20 -08:00
|
|
|
ion-toast,part,content
|
2020-06-30 11:31:54 -04:00
|
|
|
ion-toast,part,header
|
2021-07-23 18:46:01 +02:00
|
|
|
ion-toast,part,icon
|
2020-06-30 11:31:54 -04:00
|
|
|
ion-toast,part,message
|
2026-03-05 08:34:20 -08:00
|
|
|
ion-toast,part,wrapper
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-toggle,shadow
|
2024-08-28 15:59:43 -04:00
|
|
|
ion-toggle,prop,alignment,"center" | "start" | undefined,undefined,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-toggle,prop,checked,boolean,false,false,false
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-toggle,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-toggle,prop,disabled,boolean,false,false,false
|
2022-11-30 11:47:05 -05:00
|
|
|
ion-toggle,prop,enableOnOffLabels,boolean | undefined,config.get('toggleOnOffLabels'),false,false
|
2025-03-10 18:39:13 -04:00
|
|
|
ion-toggle,prop,errorText,string | undefined,undefined,false,false
|
|
|
|
|
ion-toggle,prop,helperText,string | undefined,undefined,false,false
|
2024-08-28 15:59:43 -04:00
|
|
|
ion-toggle,prop,justify,"end" | "space-between" | "start" | undefined,undefined,false,false
|
2023-09-01 09:30:59 -07:00
|
|
|
ion-toggle,prop,labelPlacement,"end" | "fixed" | "stacked" | "start",'start',false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-toggle,prop,mode,"ios" | "md",undefined,false,false
|
|
|
|
|
ion-toggle,prop,name,string,this.inputId,false,false
|
2025-02-04 09:59:01 +00:00
|
|
|
ion-toggle,prop,required,boolean,false,false,false
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-toggle,prop,value,null | string | undefined,'on',false,false
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-toggle,event,ionBlur,void,true
|
2021-09-24 16:28:49 -04:00
|
|
|
ion-toggle,event,ionChange,ToggleChangeEventDetail<any>,true
|
2018-11-20 09:17:00 +01:00
|
|
|
ion-toggle,event,ionFocus,void,true
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-toggle,css-prop,--border-radius,ios
|
|
|
|
|
ion-toggle,css-prop,--border-radius,md
|
|
|
|
|
ion-toggle,css-prop,--handle-background,ios
|
|
|
|
|
ion-toggle,css-prop,--handle-background,md
|
|
|
|
|
ion-toggle,css-prop,--handle-background-checked,ios
|
|
|
|
|
ion-toggle,css-prop,--handle-background-checked,md
|
|
|
|
|
ion-toggle,css-prop,--handle-border-radius,ios
|
|
|
|
|
ion-toggle,css-prop,--handle-border-radius,md
|
|
|
|
|
ion-toggle,css-prop,--handle-box-shadow,ios
|
|
|
|
|
ion-toggle,css-prop,--handle-box-shadow,md
|
|
|
|
|
ion-toggle,css-prop,--handle-height,ios
|
|
|
|
|
ion-toggle,css-prop,--handle-height,md
|
|
|
|
|
ion-toggle,css-prop,--handle-max-height,ios
|
|
|
|
|
ion-toggle,css-prop,--handle-max-height,md
|
|
|
|
|
ion-toggle,css-prop,--handle-spacing,ios
|
|
|
|
|
ion-toggle,css-prop,--handle-spacing,md
|
|
|
|
|
ion-toggle,css-prop,--handle-transition,ios
|
|
|
|
|
ion-toggle,css-prop,--handle-transition,md
|
|
|
|
|
ion-toggle,css-prop,--handle-width,ios
|
|
|
|
|
ion-toggle,css-prop,--handle-width,md
|
|
|
|
|
ion-toggle,css-prop,--track-background,ios
|
|
|
|
|
ion-toggle,css-prop,--track-background,md
|
|
|
|
|
ion-toggle,css-prop,--track-background-checked,ios
|
|
|
|
|
ion-toggle,css-prop,--track-background-checked,md
|
2025-03-10 18:39:13 -04:00
|
|
|
ion-toggle,part,error-text
|
2020-04-23 12:17:17 -04:00
|
|
|
ion-toggle,part,handle
|
2025-03-10 18:39:13 -04:00
|
|
|
ion-toggle,part,helper-text
|
2023-11-30 14:03:51 -05:00
|
|
|
ion-toggle,part,label
|
2025-03-10 18:39:13 -04:00
|
|
|
ion-toggle,part,supporting-text
|
2020-04-23 12:17:17 -04:00
|
|
|
ion-toggle,part,track
|
2018-11-20 09:17:00 +01:00
|
|
|
|
2019-01-14 17:38:31 +01:00
|
|
|
ion-toolbar,shadow
|
2022-05-25 14:06:19 -04:00
|
|
|
ion-toolbar,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
|
2018-12-14 23:16:20 +01:00
|
|
|
ion-toolbar,prop,mode,"ios" | "md",undefined,false,false
|
2024-05-15 13:29:25 -07:00
|
|
|
ion-toolbar,css-prop,--background,ios
|
|
|
|
|
ion-toolbar,css-prop,--background,md
|
|
|
|
|
ion-toolbar,css-prop,--border-color,ios
|
|
|
|
|
ion-toolbar,css-prop,--border-color,md
|
|
|
|
|
ion-toolbar,css-prop,--border-style,ios
|
|
|
|
|
ion-toolbar,css-prop,--border-style,md
|
|
|
|
|
ion-toolbar,css-prop,--border-width,ios
|
|
|
|
|
ion-toolbar,css-prop,--border-width,md
|
|
|
|
|
ion-toolbar,css-prop,--color,ios
|
|
|
|
|
ion-toolbar,css-prop,--color,md
|
|
|
|
|
ion-toolbar,css-prop,--min-height,ios
|
|
|
|
|
ion-toolbar,css-prop,--min-height,md
|
|
|
|
|
ion-toolbar,css-prop,--opacity,ios
|
|
|
|
|
ion-toolbar,css-prop,--opacity,md
|
|
|
|
|
ion-toolbar,css-prop,--padding-bottom,ios
|
|
|
|
|
ion-toolbar,css-prop,--padding-bottom,md
|
|
|
|
|
ion-toolbar,css-prop,--padding-end,ios
|
|
|
|
|
ion-toolbar,css-prop,--padding-end,md
|
|
|
|
|
ion-toolbar,css-prop,--padding-start,ios
|
|
|
|
|
ion-toolbar,css-prop,--padding-start,md
|
|
|
|
|
ion-toolbar,css-prop,--padding-top,ios
|
2025-01-23 21:48:58 +01:00
|
|
|
ion-toolbar,css-prop,--padding-top,md
|
|
|
|
|
ion-toolbar,part,background
|
|
|
|
|
ion-toolbar,part,container
|
|
|
|
|
ion-toolbar,part,content
|
