mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-15 09:34:19 +08:00
4d6a067677
Adds a new component `ion-input-otp` which provides the OTP input functionality - Displays as an input group with multiple boxes accepting a single character - Accepts `type` which determines whether the boxes accept numbers or text/numbers and determines the keyboard to display - Supports changing the displayed keyboard using the `inputmode` property - Accepts a `length` property to control the number of input boxes - Accepts the following properties to change the design: `fill`, `shape`, `size`, `color` - Accepts a `separators` property to show a separator between 1 or more input boxes - Supports the `disabled`, `readonly` and invalid states - Supports limiting the accepted input via the `pattern` property - Emits the following events: `ionInput`, `ionChange`, `ionComplete`, `ionBlur`, `ionFocus` - Exposes the following method: `setFocus` --------- Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> Co-authored-by: Shane <shane@shanessite.net>
136 lines
3.4 KiB
TypeScript
136 lines
3.4 KiB
TypeScript
export { IonBackButton } from './navigation/back-button';
|
|
export { IonModal } from './overlays/modal';
|
|
export { IonPopover } from './overlays/popover';
|
|
export { IonRouterOutlet } from './navigation/router-outlet';
|
|
export { IonRouterLink, IonRouterLinkWithHref } from './navigation/router-link-delegate';
|
|
export { IonTabs } from './navigation/tabs';
|
|
export { provideIonicAngular } from './providers/ionic-angular';
|
|
export { ActionSheetController } from './providers/action-sheet-controller';
|
|
export { AlertController } from './providers/alert-controller';
|
|
export { AnimationController } from './providers/animation-controller';
|
|
export { GestureController } from './providers/gesture-controller';
|
|
export { LoadingController } from './providers/loading-controller';
|
|
export { MenuController } from './providers/menu-controller';
|
|
export { ModalController } from './providers/modal-controller';
|
|
export { PickerController } from './providers/picker-controller';
|
|
export { PopoverController } from './providers/popover-controller';
|
|
export { ToastController } from './providers/toast-controller';
|
|
export {
|
|
DomController,
|
|
NavController,
|
|
Config,
|
|
Platform,
|
|
NavParams,
|
|
IonicRouteStrategy,
|
|
ViewWillEnter,
|
|
ViewDidEnter,
|
|
ViewWillLeave,
|
|
ViewDidLeave,
|
|
} from '@ionic/angular/common';
|
|
export { IonNav } from './navigation/nav';
|
|
export {
|
|
IonCheckbox,
|
|
IonDatetime,
|
|
IonInput,
|
|
IonInputOtp,
|
|
IonIcon,
|
|
IonRadioGroup,
|
|
IonRange,
|
|
IonSearchbar,
|
|
IonSegment,
|
|
IonSelect,
|
|
IonTextarea,
|
|
IonToggle,
|
|
} from './directives';
|
|
export * from './directives/proxies';
|
|
|
|
export {
|
|
// UTILS
|
|
createAnimation,
|
|
createGesture,
|
|
iosTransitionAnimation,
|
|
mdTransitionAnimation,
|
|
IonicSlides,
|
|
getPlatforms,
|
|
isPlatform,
|
|
getTimeGivenProgression,
|
|
// TYPES
|
|
Animation,
|
|
AnimationBuilder,
|
|
AnimationCallbackOptions,
|
|
AnimationDirection,
|
|
AnimationFill,
|
|
AnimationKeyFrames,
|
|
AnimationLifecycle,
|
|
Gesture,
|
|
GestureConfig,
|
|
GestureDetail,
|
|
NavComponentWithProps,
|
|
SpinnerTypes,
|
|
AccordionGroupCustomEvent,
|
|
AccordionGroupChangeEventDetail,
|
|
BreadcrumbCustomEvent,
|
|
BreadcrumbCollapsedClickEventDetail,
|
|
ActionSheetOptions,
|
|
ActionSheetButton,
|
|
AlertOptions,
|
|
AlertInput,
|
|
AlertButton,
|
|
BackButtonEvent,
|
|
CheckboxCustomEvent,
|
|
CheckboxChangeEventDetail,
|
|
DatetimeCustomEvent,
|
|
DatetimeChangeEventDetail,
|
|
InfiniteScrollCustomEvent,
|
|
InputCustomEvent,
|
|
InputChangeEventDetail,
|
|
InputOtpCustomEvent,
|
|
InputOtpChangeEventDetail,
|
|
InputOtpCompleteEventDetail,
|
|
InputOtpInputEventDetail,
|
|
ItemReorderEventDetail,
|
|
ItemReorderCustomEvent,
|
|
ItemSlidingCustomEvent,
|
|
IonicSafeString,
|
|
LoadingOptions,
|
|
MenuCustomEvent,
|
|
ModalOptions,
|
|
NavCustomEvent,
|
|
PickerOptions,
|
|
PickerButton,
|
|
PickerColumn,
|
|
PickerColumnOption,
|
|
PlatformConfig,
|
|
PopoverOptions,
|
|
RadioGroupCustomEvent,
|
|
RadioGroupChangeEventDetail,
|
|
RangeCustomEvent,
|
|
RangeChangeEventDetail,
|
|
RangeKnobMoveStartEventDetail,
|
|
RangeKnobMoveEndEventDetail,
|
|
RefresherCustomEvent,
|
|
RefresherEventDetail,
|
|
RouterEventDetail,
|
|
RouterCustomEvent,
|
|
ScrollBaseCustomEvent,
|
|
ScrollBaseDetail,
|
|
ScrollDetail,
|
|
ScrollCustomEvent,
|
|
SearchbarCustomEvent,
|
|
SearchbarChangeEventDetail,
|
|
SearchbarInputEventDetail,
|
|
SegmentChangeEventDetail,
|
|
SegmentCustomEvent,
|
|
SegmentValue,
|
|
SelectChangeEventDetail,
|
|
SelectCustomEvent,
|
|
TabsCustomEvent,
|
|
TextareaChangeEventDetail,
|
|
TextareaCustomEvent,
|
|
ToastOptions,
|
|
ToastButton,
|
|
ToastLayout,
|
|
ToggleChangeEventDetail,
|
|
ToggleCustomEvent,
|
|
} from '@ionic/core/components';
|