Files
João Ferreira b67259edae feat(datetime): add showAdjacentDays to display days from the previous and next months (#30262)
Issue number: Internal


## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->
Adds a new property to datetime, showAdjacentDays, that when true will
show the last days of the previous month and the first days of the next
month. This will just occupy empty "cells" at the beginning of the month
"table" and add rows to the table until a maximum of 6 rows are
displayed.

## Changes
- add styles for adjacent day button
- add `showAdjacentDays` property to datetime component
- change month generation to respect new property
- add visual tests to new feature

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

## Other information


[Preview](https://ionic-framework-git-rou-11118v2-ionic1.vercel.app/src/components/datetime/test/show-adjacent-days)

---------

Co-authored-by: Brandy Smith <brandyscarney@users.noreply.github.com>
Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
Co-authored-by: Maria Hutt <thetaPC@users.noreply.github.com>
2025-03-19 16:39:01 +00:00

2028 lines
105 KiB
Plaintext

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
ion-accordion,prop,toggleIcon,string,chevronDown,false,false
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
ion-accordion-group,prop,animated,boolean,true,false,false
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
ion-action-sheet,scoped
ion-action-sheet,prop,animated,boolean,true,false,false
ion-action-sheet,prop,backdropDismiss,boolean,true,false,false
ion-action-sheet,prop,buttons,(string | ActionSheetButton<any>)[],[],false,false
ion-action-sheet,prop,cssClass,string | string[] | undefined,undefined,false,false
ion-action-sheet,prop,enterAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
ion-action-sheet,prop,header,string | undefined,undefined,false,false
ion-action-sheet,prop,htmlAttributes,undefined | { [key: string]: any; },undefined,false,false
ion-action-sheet,prop,isOpen,boolean,false,false,false
ion-action-sheet,prop,keyboardClose,boolean,true,false,false
ion-action-sheet,prop,leaveAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
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
ion-action-sheet,prop,trigger,string | undefined,undefined,false,false
ion-action-sheet,method,dismiss,dismiss(data?: any, role?: string) => Promise<boolean>
ion-action-sheet,method,onDidDismiss,onDidDismiss<T = any>() => Promise<OverlayEventDetail<T>>
ion-action-sheet,method,onWillDismiss,onWillDismiss<T = any>() => Promise<OverlayEventDetail<T>>
ion-action-sheet,method,present,present() => Promise<void>
ion-action-sheet,event,didDismiss,OverlayEventDetail<any>,true
ion-action-sheet,event,didPresent,void,true
ion-action-sheet,event,ionActionSheetDidDismiss,OverlayEventDetail<any>,true
ion-action-sheet,event,ionActionSheetDidPresent,void,true
ion-action-sheet,event,ionActionSheetWillDismiss,OverlayEventDetail<any>,true
ion-action-sheet,event,ionActionSheetWillPresent,void,true
ion-action-sheet,event,willDismiss,OverlayEventDetail<any>,true
ion-action-sheet,event,willPresent,void,true
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
ion-alert,scoped
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
ion-alert,prop,enterAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
ion-alert,prop,header,string | undefined,undefined,false,false
ion-alert,prop,htmlAttributes,undefined | { [key: string]: any; },undefined,false,false
ion-alert,prop,inputs,AlertInput[],[],false,false
ion-alert,prop,isOpen,boolean,false,false,false
ion-alert,prop,keyboardClose,boolean,true,false,false
ion-alert,prop,leaveAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
ion-alert,prop,message,IonicSafeString | string | undefined,undefined,false,false
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
ion-alert,prop,trigger,string | undefined,undefined,false,false
ion-alert,method,dismiss,dismiss(data?: any, role?: string) => Promise<boolean>
ion-alert,method,onDidDismiss,onDidDismiss<T = any>() => Promise<OverlayEventDetail<T>>
ion-alert,method,onWillDismiss,onWillDismiss<T = any>() => Promise<OverlayEventDetail<T>>
ion-alert,method,present,present() => Promise<void>
ion-alert,event,didDismiss,OverlayEventDetail<any>,true
ion-alert,event,didPresent,void,true
ion-alert,event,ionAlertDidDismiss,OverlayEventDetail<any>,true
ion-alert,event,ionAlertDidPresent,void,true
ion-alert,event,ionAlertWillDismiss,OverlayEventDetail<any>,true
ion-alert,event,ionAlertWillPresent,void,true
ion-alert,event,willDismiss,OverlayEventDetail<any>,true
ion-alert,event,willPresent,void,true
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
ion-app,none
ion-app,method,setFocus,setFocus(elements: HTMLElement[]) => Promise<void>
ion-avatar,shadow
ion-avatar,css-prop,--border-radius,ios
ion-avatar,css-prop,--border-radius,md
ion-back-button,shadow
ion-back-button,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-back-button,prop,defaultHref,string | undefined,undefined,false,false
ion-back-button,prop,disabled,boolean,false,false,true
ion-back-button,prop,icon,null | string | undefined,undefined,false,false
ion-back-button,prop,mode,"ios" | "md",undefined,false,false
ion-back-button,prop,routerAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
ion-back-button,prop,text,null | string | undefined,undefined,false,false
ion-back-button,prop,type,"button" | "reset" | "submit",'button',false,false
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
ion-back-button,part,icon
ion-back-button,part,native
ion-back-button,part,text
ion-backdrop,shadow
ion-backdrop,prop,stopPropagation,boolean,true,false,false
ion-backdrop,prop,tappable,boolean,true,false,false
ion-backdrop,prop,visible,boolean,true,false,false
ion-backdrop,event,ionBackdropTap,void,true
ion-badge,shadow
ion-badge,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-badge,prop,mode,"ios" | "md",undefined,false,false
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
ion-breadcrumb,shadow
ion-breadcrumb,prop,active,boolean,false,false,false
ion-breadcrumb,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,false
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
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
ion-breadcrumb,part,collapsed-indicator
ion-breadcrumb,part,native
ion-breadcrumb,part,separator
ion-breadcrumbs,shadow
ion-breadcrumbs,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
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
ion-button,shadow
ion-button,prop,buttonType,string,'button',false,false
ion-button,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-button,prop,disabled,boolean,false,false,true
ion-button,prop,download,string | undefined,undefined,false,false
ion-button,prop,expand,"block" | "full" | undefined,undefined,false,true
ion-button,prop,fill,"clear" | "default" | "outline" | "solid" | undefined,undefined,false,true
ion-button,prop,form,HTMLFormElement | string | undefined,undefined,false,false
ion-button,prop,href,string | undefined,undefined,false,false
ion-button,prop,mode,"ios" | "md",undefined,false,false
ion-button,prop,rel,string | undefined,undefined,false,false
ion-button,prop,routerAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
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
ion-button,prop,target,string | undefined,undefined,false,false
ion-button,prop,type,"button" | "reset" | "submit",'button',false,false
ion-button,event,ionBlur,void,true
ion-button,event,ionFocus,void,true
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
ion-button,part,native
ion-buttons,scoped
ion-buttons,prop,collapse,boolean,false,false,false
ion-card,shadow
ion-card,prop,button,boolean,false,false,false
ion-card,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
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
ion-card,prop,routerAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
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
ion-card,css-prop,--background,ios
ion-card,css-prop,--background,md
ion-card,css-prop,--color,ios
ion-card,css-prop,--color,md
ion-card,part,native
ion-card-content,none
ion-card-content,prop,mode,"ios" | "md",undefined,false,false
ion-card-header,shadow
ion-card-header,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-card-header,prop,mode,"ios" | "md",undefined,false,false
ion-card-header,prop,translucent,boolean,false,false,false
ion-card-subtitle,shadow
ion-card-subtitle,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-card-subtitle,prop,mode,"ios" | "md",undefined,false,false
ion-card-subtitle,css-prop,--color,ios
ion-card-subtitle,css-prop,--color,md
ion-card-title,shadow
ion-card-title,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-card-title,prop,mode,"ios" | "md",undefined,false,false
ion-card-title,css-prop,--color,ios
ion-card-title,css-prop,--color,md
ion-checkbox,shadow
ion-checkbox,prop,alignment,"center" | "start" | undefined,undefined,false,false
ion-checkbox,prop,checked,boolean,false,false,false
ion-checkbox,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-checkbox,prop,disabled,boolean,false,false,false
ion-checkbox,prop,errorText,string | undefined,undefined,false,false
ion-checkbox,prop,helperText,string | undefined,undefined,false,false
ion-checkbox,prop,indeterminate,boolean,false,false,false
ion-checkbox,prop,justify,"end" | "space-between" | "start" | undefined,undefined,false,false
ion-checkbox,prop,labelPlacement,"end" | "fixed" | "stacked" | "start",'start',false,false
ion-checkbox,prop,mode,"ios" | "md",undefined,false,false
ion-checkbox,prop,name,string,this.inputId,false,false
ion-checkbox,prop,required,boolean,false,false,false
ion-checkbox,prop,value,any,'on',false,false
ion-checkbox,event,ionBlur,void,true
ion-checkbox,event,ionChange,CheckboxChangeEventDetail<any>,true
ion-checkbox,event,ionFocus,void,true
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
ion-checkbox,part,container
ion-checkbox,part,error-text
ion-checkbox,part,helper-text
ion-checkbox,part,label
ion-checkbox,part,mark
ion-checkbox,part,supporting-text
ion-chip,shadow
ion-chip,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-chip,prop,disabled,boolean,false,false,false
ion-chip,prop,mode,"ios" | "md",undefined,false,false
ion-chip,prop,outline,boolean,false,false,false
ion-chip,css-prop,--background,ios
ion-chip,css-prop,--background,md
ion-chip,css-prop,--color,ios
ion-chip,css-prop,--color,md
ion-col,shadow
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
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
ion-content,shadow
ion-content,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-content,prop,fixedSlotPlacement,"after" | "before",'after',false,false
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
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>
ion-content,method,scrollToPoint,scrollToPoint(x: number | undefined | null, y: number | undefined | null, duration?: number) => Promise<void>
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
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
ion-content,part,background
ion-content,part,scroll
ion-datetime,shadow
ion-datetime,prop,cancelText,string,'Cancel',false,false
ion-datetime,prop,clearText,string,'Clear',false,false
ion-datetime,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,'primary',false,false
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
ion-datetime,prop,firstDayOfWeek,number,0,false,false
ion-datetime,prop,formatOptions,undefined | { date: DateTimeFormatOptions; time?: DateTimeFormatOptions | undefined; } | { date?: DateTimeFormatOptions | undefined; time: DateTimeFormatOptions; },undefined,false,false
ion-datetime,prop,highlightedDates,((dateIsoString: string) => DatetimeHighlightStyle | undefined) | DatetimeHighlight[] | undefined,undefined,false,false
ion-datetime,prop,hourCycle,"h11" | "h12" | "h23" | "h24" | undefined,undefined,false,false
ion-datetime,prop,hourValues,number | number[] | string | undefined,undefined,false,false
ion-datetime,prop,isDateEnabled,((dateIsoString: string) => boolean) | undefined,undefined,false,false
ion-datetime,prop,locale,string,'default',false,false
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
ion-datetime,prop,multiple,boolean,false,false,false
ion-datetime,prop,name,string,this.inputId,false,false
ion-datetime,prop,preferWheel,boolean,false,false,false
ion-datetime,prop,presentation,"date" | "date-time" | "month" | "month-year" | "time" | "time-date" | "year",'date-time',false,false
ion-datetime,prop,readonly,boolean,false,false,false
ion-datetime,prop,showAdjacentDays,boolean,false,false,false
ion-datetime,prop,showClearButton,boolean,false,false,false
ion-datetime,prop,showDefaultButtons,boolean,false,false,false
ion-datetime,prop,showDefaultTimeLabel,boolean,true,false,false
ion-datetime,prop,showDefaultTitle,boolean,false,false,false
ion-datetime,prop,size,"cover" | "fixed",'fixed',false,false
ion-datetime,prop,titleSelectedDatesFormatter,((selectedDates: string[]) => string) | undefined,undefined,false,false
ion-datetime,prop,value,null | string | string[] | undefined,undefined,false,false
ion-datetime,prop,yearValues,number | number[] | string | undefined,undefined,false,false
ion-datetime,method,cancel,cancel(closeOverlay?: boolean) => Promise<void>
ion-datetime,method,confirm,confirm(closeOverlay?: boolean) => Promise<void>
ion-datetime,method,reset,reset(startDate?: string) => Promise<void>
ion-datetime,event,ionBlur,void,true
ion-datetime,event,ionCancel,void,true
ion-datetime,event,ionChange,DatetimeChangeEventDetail,true
ion-datetime,event,ionFocus,void,true
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
ion-datetime,part,calendar-day
ion-datetime,part,calendar-day active
ion-datetime,part,calendar-day disabled
ion-datetime,part,calendar-day today
ion-datetime,part,month-year-button
ion-datetime,part,time-button
ion-datetime,part,time-button active
ion-datetime,part,wheel-item
ion-datetime,part,wheel-item active
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
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>
ion-fab-button,shadow
ion-fab-button,prop,activated,boolean,false,false,false
ion-fab-button,prop,closeIcon,string,close,false,false
ion-fab-button,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-fab-button,prop,disabled,boolean,false,false,false
ion-fab-button,prop,download,string | undefined,undefined,false,false
ion-fab-button,prop,href,string | undefined,undefined,false,false
ion-fab-button,prop,mode,"ios" | "md",undefined,false,false
ion-fab-button,prop,rel,string | undefined,undefined,false,false
ion-fab-button,prop,routerAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
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
ion-fab-button,prop,target,string | undefined,undefined,false,false
ion-fab-button,prop,translucent,boolean,false,false,false
ion-fab-button,prop,type,"button" | "reset" | "submit",'button',false,false
ion-fab-button,event,ionBlur,void,true
ion-fab-button,event,ionFocus,void,true
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
ion-fab-button,part,close-icon
ion-fab-button,part,native
ion-fab-list,shadow
ion-fab-list,prop,activated,boolean,false,false,false
ion-fab-list,prop,side,"bottom" | "end" | "start" | "top",'bottom',false,false
ion-footer,none
ion-footer,prop,collapse,"fade" | undefined,undefined,false,false
ion-footer,prop,mode,"ios" | "md",undefined,false,false
ion-footer,prop,translucent,boolean,false,false,false
ion-grid,shadow
ion-grid,prop,fixed,boolean,false,false,false
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
ion-header,none
ion-header,prop,collapse,"condense" | "fade" | undefined,undefined,false,false
ion-header,prop,mode,"ios" | "md",undefined,false,false
ion-header,prop,translucent,boolean,false,false,false
ion-img,shadow
ion-img,prop,alt,string | undefined,undefined,false,false
ion-img,prop,src,string | undefined,undefined,false,false
ion-img,event,ionError,void,true
ion-img,event,ionImgDidLoad,void,true
ion-img,event,ionImgWillLoad,void,true
ion-img,part,image
ion-infinite-scroll,none
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
ion-infinite-scroll,method,complete,complete() => Promise<void>
ion-infinite-scroll,event,ionInfinite,void,true
ion-infinite-scroll-content,none
ion-infinite-scroll-content,prop,loadingSpinner,"bubbles" | "circles" | "circular" | "crescent" | "dots" | "lines" | "lines-sharp" | "lines-sharp-small" | "lines-small" | null | undefined,undefined,false,false
ion-infinite-scroll-content,prop,loadingText,IonicSafeString | string | undefined,undefined,false,false
ion-input,scoped
ion-input,prop,autocapitalize,string,'off',false,false
ion-input,prop,autocomplete,"name" | "email" | "tel" | "url" | "on" | "off" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo",'off',false,false
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
ion-input,prop,clearInputIcon,string | undefined,undefined,false,false
ion-input,prop,clearOnEdit,boolean | undefined,undefined,false,false
ion-input,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-input,prop,counter,boolean,false,false,false
ion-input,prop,counterFormatter,((inputLength: number, maxLength: number) => string) | undefined,undefined,false,false
ion-input,prop,debounce,number | undefined,undefined,false,false
ion-input,prop,disabled,boolean,false,false,true
ion-input,prop,enterkeyhint,"done" | "enter" | "go" | "next" | "previous" | "search" | "send" | undefined,undefined,false,false
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
ion-input,prop,inputmode,"decimal" | "email" | "none" | "numeric" | "search" | "tel" | "text" | "url" | undefined,undefined,false,false
ion-input,prop,label,string | undefined,undefined,false,false
ion-input,prop,labelPlacement,"end" | "fixed" | "floating" | "stacked" | "start",'start',false,false
ion-input,prop,max,number | string | undefined,undefined,false,false
ion-input,prop,maxlength,number | undefined,undefined,false,false
ion-input,prop,min,number | string | undefined,undefined,false,false
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
ion-input,prop,placeholder,string | undefined,undefined,false,false
ion-input,prop,readonly,boolean,false,false,true
ion-input,prop,required,boolean,false,false,false
ion-input,prop,shape,"round" | undefined,undefined,false,false
ion-input,prop,spellcheck,boolean,false,false,false
ion-input,prop,step,string | undefined,undefined,false,false
ion-input,prop,type,"date" | "datetime-local" | "email" | "month" | "number" | "password" | "search" | "tel" | "text" | "time" | "url" | "week",'text',false,false
ion-input,prop,value,null | number | string | undefined,'',false,false
ion-input,method,getInputElement,getInputElement() => Promise<HTMLInputElement>
ion-input,method,setFocus,setFocus() => Promise<void>
ion-input,event,ionBlur,FocusEvent,true
ion-input,event,ionChange,InputChangeEventDetail,true
ion-input,event,ionFocus,FocusEvent,true
ion-input,event,ionInput,InputInputEventDetail,true
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
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
ion-item,shadow
ion-item,prop,button,boolean,false,false,false
ion-item,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-item,prop,detail,boolean | undefined,undefined,false,false
ion-item,prop,detailIcon,string,chevronForward,false,false
ion-item,prop,disabled,boolean,false,false,true
ion-item,prop,download,string | undefined,undefined,false,false
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
ion-item,prop,rel,string | undefined,undefined,false,false
ion-item,prop,routerAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
ion-item,prop,routerDirection,"back" | "forward" | "root",'forward',false,false
ion-item,prop,target,string | undefined,undefined,false,false
ion-item,prop,type,"button" | "reset" | "submit",'button',false,false
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
ion-item,part,detail-icon
ion-item,part,native
ion-item-divider,shadow
ion-item-divider,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-item-divider,prop,mode,"ios" | "md",undefined,false,false
ion-item-divider,prop,sticky,boolean,false,false,false
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
ion-item-group,none
ion-item-option,shadow
ion-item-option,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
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
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
ion-item-option,part,native
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>
ion-item-sliding,method,open,open(side: Side | undefined) => Promise<void>
ion-item-sliding,event,ionDrag,any,true
ion-label,scoped
ion-label,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-label,prop,mode,"ios" | "md",undefined,false,false
ion-label,prop,position,"fixed" | "floating" | "stacked" | undefined,undefined,false,false
ion-label,css-prop,--color,ios
ion-label,css-prop,--color,md
ion-list,none
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
ion-list,method,closeSlidingItems,closeSlidingItems() => Promise<boolean>
ion-list-header,shadow
ion-list-header,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-list-header,prop,lines,"full" | "inset" | "none" | undefined,undefined,false,false
ion-list-header,prop,mode,"ios" | "md",undefined,false,false
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
ion-loading,scoped
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
ion-loading,prop,enterAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
ion-loading,prop,htmlAttributes,undefined | { [key: string]: any; },undefined,false,false
ion-loading,prop,isOpen,boolean,false,false,false
ion-loading,prop,keyboardClose,boolean,true,false,false
ion-loading,prop,leaveAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
ion-loading,prop,message,IonicSafeString | string | undefined,undefined,false,false
ion-loading,prop,mode,"ios" | "md",undefined,false,false
ion-loading,prop,showBackdrop,boolean,true,false,false
ion-loading,prop,spinner,"bubbles" | "circles" | "circular" | "crescent" | "dots" | "lines" | "lines-sharp" | "lines-sharp-small" | "lines-small" | null | undefined,undefined,false,false
ion-loading,prop,translucent,boolean,false,false,false
ion-loading,prop,trigger,string | undefined,undefined,false,false
ion-loading,method,dismiss,dismiss(data?: any, role?: string) => Promise<boolean>
ion-loading,method,onDidDismiss,onDidDismiss<T = any>() => Promise<OverlayEventDetail<T>>
ion-loading,method,onWillDismiss,onWillDismiss<T = any>() => Promise<OverlayEventDetail<T>>
ion-loading,method,present,present() => Promise<void>
ion-loading,event,didDismiss,OverlayEventDetail<any>,true
ion-loading,event,didPresent,void,true
ion-loading,event,ionLoadingDidDismiss,OverlayEventDetail<any>,true
ion-loading,event,ionLoadingDidPresent,void,true
ion-loading,event,ionLoadingWillDismiss,OverlayEventDetail<any>,true
ion-loading,event,ionLoadingWillPresent,void,true
ion-loading,event,willDismiss,OverlayEventDetail<any>,true
ion-loading,event,willPresent,void,true
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
ion-menu,shadow
ion-menu,prop,contentId,string | undefined,undefined,false,true
ion-menu,prop,disabled,boolean,false,false,false
ion-menu,prop,maxEdgeStart,number,50,false,false
ion-menu,prop,menuId,string | undefined,undefined,false,true
ion-menu,prop,side,"end" | "start",'start',false,true
ion-menu,prop,swipeGesture,boolean,true,false,false
ion-menu,prop,type,"overlay" | "push" | "reveal" | undefined,undefined,false,false
ion-menu,method,close,close(animated?: boolean, role?: string) => Promise<boolean>
ion-menu,method,isActive,isActive() => Promise<boolean>
ion-menu,method,isOpen,isOpen() => Promise<boolean>
ion-menu,method,open,open(animated?: boolean) => Promise<boolean>
ion-menu,method,setOpen,setOpen(shouldOpen: boolean, animated?: boolean, role?: string) => Promise<boolean>
ion-menu,method,toggle,toggle(animated?: boolean) => Promise<boolean>
ion-menu,event,ionDidClose,MenuCloseEventDetail,true
ion-menu,event,ionDidOpen,void,true
ion-menu,event,ionWillClose,MenuCloseEventDetail,true
ion-menu,event,ionWillOpen,void,true
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
ion-menu,part,backdrop
ion-menu,part,container
ion-menu-button,shadow
ion-menu-button,prop,autoHide,boolean,true,false,false
ion-menu-button,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-menu-button,prop,disabled,boolean,false,false,false
ion-menu-button,prop,menu,string | undefined,undefined,false,false
ion-menu-button,prop,mode,"ios" | "md",undefined,false,false
ion-menu-button,prop,type,"button" | "reset" | "submit",'button',false,false
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
ion-menu-button,part,icon
ion-menu-button,part,native
ion-menu-toggle,shadow
ion-menu-toggle,prop,autoHide,boolean,true,false,false
ion-menu-toggle,prop,menu,string | undefined,undefined,false,false
ion-modal,shadow
ion-modal,prop,animated,boolean,true,false,false
ion-modal,prop,backdropBreakpoint,number,0,false,false
ion-modal,prop,backdropDismiss,boolean,true,false,false
ion-modal,prop,breakpoints,number[] | undefined,undefined,false,false
ion-modal,prop,canDismiss,((data?: any, role?: string | undefined) => Promise<boolean>) | boolean,true,false,false
ion-modal,prop,enterAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
ion-modal,prop,expandToScroll,boolean,true,false,false
ion-modal,prop,focusTrap,boolean,true,false,false
ion-modal,prop,handle,boolean | undefined,undefined,false,false
ion-modal,prop,handleBehavior,"cycle" | "none" | undefined,'none',false,false
ion-modal,prop,htmlAttributes,undefined | { [key: string]: any; },undefined,false,false
ion-modal,prop,initialBreakpoint,number | undefined,undefined,false,false
ion-modal,prop,isOpen,boolean,false,false,false
ion-modal,prop,keepContentsMounted,boolean,false,false,false
ion-modal,prop,keyboardClose,boolean,true,false,false
ion-modal,prop,leaveAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
ion-modal,prop,mode,"ios" | "md",undefined,false,false
ion-modal,prop,presentingElement,HTMLElement | undefined,undefined,false,false
ion-modal,prop,showBackdrop,boolean,true,false,false
ion-modal,prop,trigger,string | undefined,undefined,false,false
ion-modal,method,dismiss,dismiss(data?: any, role?: string) => Promise<boolean>
ion-modal,method,getCurrentBreakpoint,getCurrentBreakpoint() => Promise<number | undefined>
ion-modal,method,onDidDismiss,onDidDismiss<T = any>() => Promise<OverlayEventDetail<T>>
ion-modal,method,onWillDismiss,onWillDismiss<T = any>() => Promise<OverlayEventDetail<T>>
ion-modal,method,present,present() => Promise<void>
ion-modal,method,setCurrentBreakpoint,setCurrentBreakpoint(breakpoint: number) => Promise<void>
ion-modal,event,didDismiss,OverlayEventDetail<any>,true
ion-modal,event,didPresent,void,true
ion-modal,event,ionBreakpointDidChange,ModalBreakpointChangeEventDetail,true
ion-modal,event,ionModalDidDismiss,OverlayEventDetail<any>,true
ion-modal,event,ionModalDidPresent,void,true
ion-modal,event,ionModalWillDismiss,OverlayEventDetail<any>,true
ion-modal,event,ionModalWillPresent,void,true
ion-modal,event,willDismiss,OverlayEventDetail<any>,true
ion-modal,event,willPresent,void,true
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
ion-modal,part,backdrop
ion-modal,part,content
ion-modal,part,handle
ion-nav,shadow
ion-nav,prop,animated,boolean,true,false,false
ion-nav,prop,animation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
ion-nav,prop,root,Function | HTMLElement | ViewController | null | string | undefined,undefined,false,false
ion-nav,prop,rootParams,undefined | { [key: string]: any; },undefined,false,false
ion-nav,prop,swipeGesture,boolean | undefined,undefined,false,false
ion-nav,method,canGoBack,canGoBack(view?: ViewController) => Promise<boolean>
ion-nav,method,getActive,getActive() => Promise<ViewController | undefined>
ion-nav,method,getByIndex,getByIndex(index: number) => Promise<ViewController | undefined>
ion-nav,method,getLength,getLength() => Promise<number>
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>
ion-nav,event,ionNavDidChange,void,false
ion-nav,event,ionNavWillChange,void,false
ion-nav-link,none
ion-nav-link,prop,component,Function | HTMLElement | ViewController | null | string | undefined,undefined,false,false
ion-nav-link,prop,componentProps,undefined | { [key: string]: any; },undefined,false,false
ion-nav-link,prop,routerAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
ion-nav-link,prop,routerDirection,"back" | "forward" | "root",'forward',false,false
ion-note,shadow
ion-note,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-note,prop,mode,"ios" | "md",undefined,false,false
ion-note,css-prop,--color,ios
ion-note,css-prop,--color,md
ion-picker,shadow
ion-picker,prop,mode,"ios" | "md",undefined,false,false
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
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
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
ion-popover,shadow
ion-popover,prop,alignment,"center" | "end" | "start" | undefined,undefined,false,false
ion-popover,prop,animated,boolean,true,false,false
ion-popover,prop,arrow,boolean,true,false,false
ion-popover,prop,backdropDismiss,boolean,true,false,false
ion-popover,prop,component,Function | HTMLElement | null | string | undefined,undefined,false,false
ion-popover,prop,componentProps,undefined | { [key: string]: any; },undefined,false,false
ion-popover,prop,dismissOnSelect,boolean,false,false,false
ion-popover,prop,enterAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
ion-popover,prop,event,any,undefined,false,false
ion-popover,prop,focusTrap,boolean,true,false,false
ion-popover,prop,htmlAttributes,undefined | { [key: string]: any; },undefined,false,false
ion-popover,prop,isOpen,boolean,false,false,false
ion-popover,prop,keepContentsMounted,boolean,false,false,false
ion-popover,prop,keyboardClose,boolean,true,false,false
ion-popover,prop,leaveAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
ion-popover,prop,mode,"ios" | "md",undefined,false,false
ion-popover,prop,reference,"event" | "trigger",'trigger',false,false
ion-popover,prop,showBackdrop,boolean,true,false,false
ion-popover,prop,side,"bottom" | "end" | "left" | "right" | "start" | "top",'bottom',false,false
ion-popover,prop,size,"auto" | "cover",'auto',false,false
ion-popover,prop,translucent,boolean,false,false,false
ion-popover,prop,trigger,string | undefined,undefined,false,false
ion-popover,prop,triggerAction,"click" | "context-menu" | "hover",'click',false,false
ion-popover,method,dismiss,dismiss(data?: any, role?: string, dismissParentPopover?: boolean) => Promise<boolean>
ion-popover,method,onDidDismiss,onDidDismiss<T = any>() => Promise<OverlayEventDetail<T>>
ion-popover,method,onWillDismiss,onWillDismiss<T = any>() => Promise<OverlayEventDetail<T>>
ion-popover,method,present,present(event?: MouseEvent | TouchEvent | PointerEvent | CustomEvent) => Promise<void>
ion-popover,event,didDismiss,OverlayEventDetail<any>,true
ion-popover,event,didPresent,void,true
ion-popover,event,ionPopoverDidDismiss,OverlayEventDetail<any>,true
ion-popover,event,ionPopoverDidPresent,void,true
ion-popover,event,ionPopoverWillDismiss,OverlayEventDetail<any>,true
ion-popover,event,ionPopoverWillPresent,void,true
ion-popover,event,willDismiss,OverlayEventDetail<any>,true
ion-popover,event,willPresent,void,true
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
ion-popover,part,arrow
ion-popover,part,backdrop
ion-popover,part,content
ion-progress-bar,shadow
ion-progress-bar,prop,buffer,number,1,false,false
ion-progress-bar,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
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
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
ion-progress-bar,part,progress
ion-progress-bar,part,stream
ion-progress-bar,part,track
ion-radio,shadow
ion-radio,prop,alignment,"center" | "start" | undefined,undefined,false,false
ion-radio,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-radio,prop,disabled,boolean,false,false,false
ion-radio,prop,justify,"end" | "space-between" | "start" | undefined,undefined,false,false
ion-radio,prop,labelPlacement,"end" | "fixed" | "stacked" | "start",'start',false,false
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
ion-radio,event,ionBlur,void,true
ion-radio,event,ionFocus,void,true
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
ion-radio,part,container
ion-radio,part,label
ion-radio,part,mark
ion-radio-group,none
ion-radio-group,prop,allowEmptySelection,boolean,false,false,false
ion-radio-group,prop,compareWith,((currentValue: any, compareValue: any) => boolean) | null | string | undefined,undefined,false,false
ion-radio-group,prop,errorText,string | undefined,undefined,false,false
ion-radio-group,prop,helperText,string | undefined,undefined,false,false
ion-radio-group,prop,name,string,this.inputId,false,false
ion-radio-group,prop,value,any,undefined,false,false
ion-radio-group,event,ionChange,RadioGroupChangeEventDetail<any>,true
ion-range,shadow
ion-range,prop,activeBarStart,number | undefined,undefined,false,false
ion-range,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-range,prop,debounce,number | undefined,undefined,false,false
ion-range,prop,disabled,boolean,false,false,false
ion-range,prop,dualKnobs,boolean,false,false,false
ion-range,prop,label,string | undefined,undefined,false,false
ion-range,prop,labelPlacement,"end" | "fixed" | "stacked" | "start",'start',false,false
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
ion-range,prop,name,string,this.rangeId,false,false
ion-range,prop,pin,boolean,false,false,false
ion-range,prop,pinFormatter,(value: number) => string | number,(value: number): number => Math.round(value),false,false
ion-range,prop,snaps,boolean,false,false,false
ion-range,prop,step,number,1,false,false
ion-range,prop,ticks,boolean,true,false,false
ion-range,prop,value,number | { lower: number; upper: number; },0,false,false
ion-range,event,ionBlur,void,true
ion-range,event,ionChange,RangeChangeEventDetail,true
ion-range,event,ionFocus,void,true
ion-range,event,ionInput,RangeChangeEventDetail,true
ion-range,event,ionKnobMoveEnd,RangeKnobMoveEndEventDetail,true
ion-range,event,ionKnobMoveStart,RangeKnobMoveStartEventDetail,true
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
ion-range,part,bar
ion-range,part,bar-active
ion-range,part,knob
ion-range,part,label
ion-range,part,pin
ion-range,part,tick
ion-range,part,tick-active
ion-refresher,none
ion-refresher,prop,closeDuration,string,'280ms',false,false
ion-refresher,prop,disabled,boolean,false,false,false
ion-refresher,prop,mode,"ios" | "md",undefined,false,false
ion-refresher,prop,pullFactor,number,1,false,false
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
ion-refresher,method,cancel,cancel() => Promise<void>
ion-refresher,method,complete,complete() => Promise<void>
ion-refresher,method,getProgress,getProgress() => Promise<number>
ion-refresher,event,ionPull,void,true
ion-refresher,event,ionRefresh,RefresherEventDetail,true
ion-refresher,event,ionStart,void,true
ion-refresher-content,none
ion-refresher-content,prop,pullingIcon,null | string | undefined,undefined,false,false
ion-refresher-content,prop,pullingText,IonicSafeString | string | undefined,undefined,false,false
ion-refresher-content,prop,refreshingSpinner,"bubbles" | "circles" | "circular" | "crescent" | "dots" | "lines" | "lines-sharp" | "lines-sharp-small" | "lines-small" | null | undefined,undefined,false,false
ion-refresher-content,prop,refreshingText,IonicSafeString | string | undefined,undefined,false,false
ion-reorder,shadow
ion-reorder,part,icon
ion-reorder-group,none
ion-reorder-group,prop,disabled,boolean,true,false,false
ion-reorder-group,method,complete,complete(listOrReorder?: boolean | any[]) => Promise<any>
ion-reorder-group,event,ionItemReorder,ItemReorderEventDetail,true
ion-ripple-effect,shadow
ion-ripple-effect,prop,type,"bounded" | "unbounded",'bounded',false,false
ion-ripple-effect,method,addRipple,addRipple(x: number, y: number) => Promise<() => void>
ion-route,none
ion-route,prop,beforeEnter,(() => NavigationHookResult | Promise<NavigationHookResult>) | undefined,undefined,false,false
ion-route,prop,beforeLeave,(() => NavigationHookResult | Promise<NavigationHookResult>) | undefined,undefined,false,false
ion-route,prop,component,string,undefined,true,false
ion-route,prop,componentProps,undefined | { [key: string]: any; },undefined,false,false
ion-route,prop,url,string,'',false,false
ion-route,event,ionRouteDataChanged,any,true
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
ion-router,none
ion-router,prop,root,string,'/',false,false
ion-router,prop,useHash,boolean,true,false,false
ion-router,method,back,back() => Promise<void>
ion-router,method,push,push(path: string, direction?: RouterDirection, animation?: AnimationBuilder) => Promise<boolean>
ion-router,event,ionRouteDidChange,RouterEventDetail,true
ion-router,event,ionRouteWillChange,RouterEventDetail,true
ion-router-link,shadow
ion-router-link,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-router-link,prop,href,string | undefined,undefined,false,false
ion-router-link,prop,rel,string | undefined,undefined,false,false
ion-router-link,prop,routerAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
ion-router-link,prop,routerDirection,"back" | "forward" | "root",'forward',false,false
ion-router-link,prop,target,string | undefined,undefined,false,false
ion-router-link,css-prop,--background
ion-router-link,css-prop,--color
ion-router-outlet,shadow
ion-router-outlet,prop,animated,boolean,true,false,false
ion-router-outlet,prop,animation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
ion-router-outlet,prop,mode,"ios" | "md",getIonMode(this),false,false
ion-row,shadow
ion-searchbar,scoped
ion-searchbar,prop,animated,boolean,false,false,false
ion-searchbar,prop,autocapitalize,string,'off',false,false
ion-searchbar,prop,autocomplete,"name" | "email" | "tel" | "url" | "on" | "off" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo",'off',false,false
ion-searchbar,prop,autocorrect,"off" | "on",'off',false,false
ion-searchbar,prop,cancelButtonIcon,string,config.get('backButtonIcon', arrowBackSharp) as string,false,false
ion-searchbar,prop,cancelButtonText,string,'Cancel',false,false
ion-searchbar,prop,clearIcon,string | undefined,undefined,false,false
ion-searchbar,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-searchbar,prop,debounce,number | undefined,undefined,false,false
ion-searchbar,prop,disabled,boolean,false,false,false
ion-searchbar,prop,enterkeyhint,"done" | "enter" | "go" | "next" | "previous" | "search" | "send" | undefined,undefined,false,false
ion-searchbar,prop,inputmode,"decimal" | "email" | "none" | "numeric" | "search" | "tel" | "text" | "url" | undefined,undefined,false,false
ion-searchbar,prop,maxlength,number | undefined,undefined,false,false
ion-searchbar,prop,minlength,number | undefined,undefined,false,false
ion-searchbar,prop,mode,"ios" | "md",undefined,false,false
ion-searchbar,prop,name,string,this.inputId,false,false
ion-searchbar,prop,placeholder,string,'Search',false,false
ion-searchbar,prop,searchIcon,string | undefined,undefined,false,false
ion-searchbar,prop,showCancelButton,"always" | "focus" | "never",'never',false,false
ion-searchbar,prop,showClearButton,"always" | "focus" | "never",'always',false,false
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
ion-searchbar,method,getInputElement,getInputElement() => Promise<HTMLInputElement>
ion-searchbar,method,setFocus,setFocus() => Promise<void>
ion-searchbar,event,ionBlur,void,true
ion-searchbar,event,ionCancel,void,true
ion-searchbar,event,ionChange,SearchbarChangeEventDetail,true
ion-searchbar,event,ionClear,void,true
ion-searchbar,event,ionFocus,void,true
ion-searchbar,event,ionInput,SearchbarInputEventDetail,true
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
ion-segment,shadow
ion-segment,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
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
ion-segment,prop,selectOnFocus,boolean,false,false,false
ion-segment,prop,swipeGesture,boolean,true,false,false
ion-segment,prop,value,number | string | undefined,undefined,false,false
ion-segment,event,ionChange,SegmentChangeEventDetail,true
ion-segment,css-prop,--background,ios
ion-segment,css-prop,--background,md
ion-segment-button,shadow
ion-segment-button,prop,contentId,string | undefined,undefined,false,true
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
ion-segment-button,prop,type,"button" | "reset" | "submit",'button',false,false
ion-segment-button,prop,value,number | string,'ion-sb-' + ids++,false,false
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
ion-segment-button,part,indicator
ion-segment-button,part,indicator-background
ion-segment-button,part,native
ion-segment-content,shadow
ion-segment-view,shadow
ion-segment-view,prop,disabled,boolean,false,false,false
ion-segment-view,event,ionSegmentViewScroll,SegmentViewScrollEvent,true
ion-select,shadow
ion-select,prop,cancelText,string,'Cancel',false,false
ion-select,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-select,prop,compareWith,((currentValue: any, compareValue: any) => boolean) | null | string | undefined,undefined,false,false
ion-select,prop,disabled,boolean,false,false,false
ion-select,prop,errorText,string | undefined,undefined,false,false
ion-select,prop,expandedIcon,string | undefined,undefined,false,false
ion-select,prop,fill,"outline" | "solid" | undefined,undefined,false,false
ion-select,prop,helperText,string | undefined,undefined,false,false
ion-select,prop,interface,"action-sheet" | "alert" | "modal" | "popover",'alert',false,false
ion-select,prop,interfaceOptions,any,{},false,false
ion-select,prop,justify,"end" | "space-between" | "start" | undefined,undefined,false,false
ion-select,prop,label,string | undefined,undefined,false,false
ion-select,prop,labelPlacement,"end" | "fixed" | "floating" | "stacked" | "start" | undefined,'start',false,false
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
ion-select,prop,placeholder,string | undefined,undefined,false,false
ion-select,prop,required,boolean,false,false,false
ion-select,prop,selectedText,null | string | undefined,undefined,false,false
ion-select,prop,shape,"round" | undefined,undefined,false,false
ion-select,prop,toggleIcon,string | undefined,undefined,false,false
ion-select,prop,value,any,undefined,false,false
ion-select,method,open,open(event?: UIEvent) => Promise<any>
ion-select,event,ionBlur,void,true
ion-select,event,ionCancel,void,true
ion-select,event,ionChange,SelectChangeEventDetail<any>,true
ion-select,event,ionDismiss,void,true
ion-select,event,ionFocus,void,true
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
ion-select,part,container
ion-select,part,error-text
ion-select,part,helper-text
ion-select,part,icon
ion-select,part,label
ion-select,part,placeholder
ion-select,part,supporting-text
ion-select,part,text
ion-select-modal,scoped
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
ion-select-option,shadow
ion-select-option,prop,disabled,boolean,false,false,false
ion-select-option,prop,value,any,undefined,false,false
ion-skeleton-text,shadow
ion-skeleton-text,prop,animated,boolean,false,false,false
ion-skeleton-text,css-prop,--background
ion-skeleton-text,css-prop,--background-rgb
ion-skeleton-text,css-prop,--border-radius
ion-spinner,shadow
ion-spinner,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-spinner,prop,duration,number | undefined,undefined,false,false
ion-spinner,prop,name,"bubbles" | "circles" | "circular" | "crescent" | "dots" | "lines" | "lines-sharp" | "lines-sharp-small" | "lines-small" | undefined,undefined,false,false
ion-spinner,prop,paused,boolean,false,false,false
ion-spinner,css-prop,--color
ion-split-pane,shadow
ion-split-pane,prop,contentId,string | undefined,undefined,false,true
ion-split-pane,prop,disabled,boolean,false,false,false
ion-split-pane,prop,when,boolean | string,QUERY['lg'],false,false
ion-split-pane,event,ionSplitPaneVisible,{ visible: boolean; },true
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
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>
ion-tab-bar,shadow
ion-tab-bar,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
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
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
ion-tab-button,shadow
ion-tab-button,prop,disabled,boolean,false,false,false
ion-tab-button,prop,download,string | undefined,undefined,false,false
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
ion-tab-button,prop,rel,string | undefined,undefined,false,false
ion-tab-button,prop,selected,boolean,false,false,false
ion-tab-button,prop,tab,string | undefined,undefined,false,false
ion-tab-button,prop,target,string | undefined,undefined,false,false
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
ion-tab-button,part,native
ion-tabs,shadow
ion-tabs,method,getSelected,getSelected() => Promise<string | undefined>
ion-tabs,method,getTab,getTab(tab: string | HTMLIonTabElement) => Promise<HTMLIonTabElement | undefined>
ion-tabs,method,select,select(tab: string | HTMLIonTabElement) => Promise<boolean>
ion-tabs,event,ionTabsDidChange,{ tab: string; },false
ion-tabs,event,ionTabsWillChange,{ tab: string; },false
ion-text,shadow
ion-text,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-text,prop,mode,"ios" | "md",undefined,false,false
ion-textarea,scoped
ion-textarea,prop,autoGrow,boolean,false,false,true
ion-textarea,prop,autocapitalize,string,'none',false,false
ion-textarea,prop,autofocus,boolean,false,false,false
ion-textarea,prop,clearOnEdit,boolean,false,false,false
ion-textarea,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-textarea,prop,cols,number | undefined,undefined,false,true
ion-textarea,prop,counter,boolean,false,false,false
ion-textarea,prop,counterFormatter,((inputLength: number, maxLength: number) => string) | undefined,undefined,false,false
ion-textarea,prop,debounce,number | undefined,undefined,false,false
ion-textarea,prop,disabled,boolean,false,false,false
ion-textarea,prop,enterkeyhint,"done" | "enter" | "go" | "next" | "previous" | "search" | "send" | undefined,undefined,false,false
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
ion-textarea,prop,inputmode,"decimal" | "email" | "none" | "numeric" | "search" | "tel" | "text" | "url" | undefined,undefined,false,false
ion-textarea,prop,label,string | undefined,undefined,false,false
ion-textarea,prop,labelPlacement,"end" | "fixed" | "floating" | "stacked" | "start",'start',false,false
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
ion-textarea,prop,placeholder,string | undefined,undefined,false,false
ion-textarea,prop,readonly,boolean,false,false,false
ion-textarea,prop,required,boolean,false,false,false
ion-textarea,prop,rows,number | undefined,undefined,false,false
ion-textarea,prop,shape,"round" | undefined,undefined,false,false
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
ion-textarea,method,getInputElement,getInputElement() => Promise<HTMLTextAreaElement>
ion-textarea,method,setFocus,setFocus() => Promise<void>
ion-textarea,event,ionBlur,FocusEvent,true
ion-textarea,event,ionChange,TextareaChangeEventDetail,true
ion-textarea,event,ionFocus,FocusEvent,true
ion-textarea,event,ionInput,TextareaInputEventDetail,true
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
ion-thumbnail,shadow
ion-thumbnail,css-prop,--border-radius
ion-thumbnail,css-prop,--size
ion-title,shadow
ion-title,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-title,prop,size,"large" | "small" | undefined,undefined,false,false
ion-title,css-prop,--color,ios
ion-title,css-prop,--color,md
ion-toast,shadow
ion-toast,prop,animated,boolean,true,false,false
ion-toast,prop,buttons,(string | ToastButton)[] | undefined,undefined,false,false
ion-toast,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-toast,prop,cssClass,string | string[] | undefined,undefined,false,false
ion-toast,prop,duration,number,config.getNumber('toastDuration', 0),false,false
ion-toast,prop,enterAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
ion-toast,prop,header,string | undefined,undefined,false,false
ion-toast,prop,htmlAttributes,undefined | { [key: string]: any; },undefined,false,false
ion-toast,prop,icon,string | undefined,undefined,false,false
ion-toast,prop,isOpen,boolean,false,false,false
ion-toast,prop,keyboardClose,boolean,false,false,false
ion-toast,prop,layout,"baseline" | "stacked",'baseline',false,false
ion-toast,prop,leaveAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
ion-toast,prop,message,IonicSafeString | string | undefined,undefined,false,false
ion-toast,prop,mode,"ios" | "md",undefined,false,false
ion-toast,prop,position,"bottom" | "middle" | "top",'bottom',false,false
ion-toast,prop,positionAnchor,HTMLElement | string | undefined,undefined,false,false
ion-toast,prop,swipeGesture,"vertical" | undefined,undefined,false,false
ion-toast,prop,translucent,boolean,false,false,false
ion-toast,prop,trigger,string | undefined,undefined,false,false
ion-toast,method,dismiss,dismiss(data?: any, role?: string) => Promise<boolean>
ion-toast,method,onDidDismiss,onDidDismiss<T = any>() => Promise<OverlayEventDetail<T>>
ion-toast,method,onWillDismiss,onWillDismiss<T = any>() => Promise<OverlayEventDetail<T>>
ion-toast,method,present,present() => Promise<void>
ion-toast,event,didDismiss,OverlayEventDetail<any>,true
ion-toast,event,didPresent,void,true
ion-toast,event,ionToastDidDismiss,OverlayEventDetail<any>,true
ion-toast,event,ionToastDidPresent,void,true
ion-toast,event,ionToastWillDismiss,OverlayEventDetail<any>,true
ion-toast,event,ionToastWillPresent,void,true
ion-toast,event,willDismiss,OverlayEventDetail<any>,true
ion-toast,event,willPresent,void,true
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
ion-toast,part,button
ion-toast,part,button cancel
ion-toast,part,container
ion-toast,part,header
ion-toast,part,icon
ion-toast,part,message
ion-toggle,shadow
ion-toggle,prop,alignment,"center" | "start" | undefined,undefined,false,false
ion-toggle,prop,checked,boolean,false,false,false
ion-toggle,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-toggle,prop,disabled,boolean,false,false,false
ion-toggle,prop,enableOnOffLabels,boolean | undefined,config.get('toggleOnOffLabels'),false,false
ion-toggle,prop,errorText,string | undefined,undefined,false,false
ion-toggle,prop,helperText,string | undefined,undefined,false,false
ion-toggle,prop,justify,"end" | "space-between" | "start" | undefined,undefined,false,false
ion-toggle,prop,labelPlacement,"end" | "fixed" | "stacked" | "start",'start',false,false
ion-toggle,prop,mode,"ios" | "md",undefined,false,false
ion-toggle,prop,name,string,this.inputId,false,false
ion-toggle,prop,required,boolean,false,false,false
ion-toggle,prop,value,null | string | undefined,'on',false,false
ion-toggle,event,ionBlur,void,true
ion-toggle,event,ionChange,ToggleChangeEventDetail<any>,true
ion-toggle,event,ionFocus,void,true
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
ion-toggle,part,error-text
ion-toggle,part,handle
ion-toggle,part,helper-text
ion-toggle,part,label
ion-toggle,part,supporting-text
ion-toggle,part,track
ion-toolbar,shadow
ion-toolbar,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
ion-toolbar,prop,mode,"ios" | "md",undefined,false,false
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
ion-toolbar,css-prop,--padding-top,md
ion-toolbar,part,background
ion-toolbar,part,container
ion-toolbar,part,content