mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-09 08:09:32 +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>
92 lines
1.5 KiB
TypeScript
92 lines
1.5 KiB
TypeScript
|
|
import * as d from './proxies';
|
|
|
|
export const DIRECTIVES = [
|
|
d.IonAccordion,
|
|
d.IonAccordionGroup,
|
|
d.IonActionSheet,
|
|
d.IonAlert,
|
|
d.IonApp,
|
|
d.IonAvatar,
|
|
d.IonBackdrop,
|
|
d.IonBadge,
|
|
d.IonBreadcrumb,
|
|
d.IonBreadcrumbs,
|
|
d.IonButton,
|
|
d.IonButtons,
|
|
d.IonCard,
|
|
d.IonCardContent,
|
|
d.IonCardHeader,
|
|
d.IonCardSubtitle,
|
|
d.IonCardTitle,
|
|
d.IonCheckbox,
|
|
d.IonChip,
|
|
d.IonCol,
|
|
d.IonContent,
|
|
d.IonDatetime,
|
|
d.IonDatetimeButton,
|
|
d.IonFab,
|
|
d.IonFabButton,
|
|
d.IonFabList,
|
|
d.IonFooter,
|
|
d.IonGrid,
|
|
d.IonHeader,
|
|
d.IonIcon,
|
|
d.IonImg,
|
|
d.IonInfiniteScroll,
|
|
d.IonInfiniteScrollContent,
|
|
d.IonInput,
|
|
d.IonInputOtp,
|
|
d.IonInputPasswordToggle,
|
|
d.IonItem,
|
|
d.IonItemDivider,
|
|
d.IonItemGroup,
|
|
d.IonItemOption,
|
|
d.IonItemOptions,
|
|
d.IonItemSliding,
|
|
d.IonLabel,
|
|
d.IonList,
|
|
d.IonListHeader,
|
|
d.IonLoading,
|
|
d.IonMenu,
|
|
d.IonMenuButton,
|
|
d.IonMenuToggle,
|
|
d.IonNavLink,
|
|
d.IonNote,
|
|
d.IonPicker,
|
|
d.IonPickerColumn,
|
|
d.IonPickerColumnOption,
|
|
d.IonPickerLegacy,
|
|
d.IonProgressBar,
|
|
d.IonRadio,
|
|
d.IonRadioGroup,
|
|
d.IonRange,
|
|
d.IonRefresher,
|
|
d.IonRefresherContent,
|
|
d.IonReorder,
|
|
d.IonReorderGroup,
|
|
d.IonRippleEffect,
|
|
d.IonRow,
|
|
d.IonSearchbar,
|
|
d.IonSegment,
|
|
d.IonSegmentButton,
|
|
d.IonSegmentContent,
|
|
d.IonSegmentView,
|
|
d.IonSelect,
|
|
d.IonSelectModal,
|
|
d.IonSelectOption,
|
|
d.IonSkeletonText,
|
|
d.IonSpinner,
|
|
d.IonSplitPane,
|
|
d.IonTab,
|
|
d.IonTabBar,
|
|
d.IonTabButton,
|
|
d.IonText,
|
|
d.IonTextarea,
|
|
d.IonThumbnail,
|
|
d.IonTitle,
|
|
d.IonToast,
|
|
d.IonToggle,
|
|
d.IonToolbar
|
|
];
|