Versions
Ionic Selectableis split into two versions,Freeversion is available via npm as usual, andProcan be purchased from Ionic Market. Check out version comparison two see what features have been moved toProversion
Breaking changes
- Renamed
Ionic Select SearchabletoIonic Selectable. See instructions to update below - ionic-select-searchable is deprecated in favor of ionic-selectable
Instructions to update
- Remove
ionic-select-searchableand installionic-selectable
$ npm uninstall ionic-select-searchable
$ npm install ionic-selectable@3.0.3 --save
- Rename
ionic-select-searchableimport toionic-selectable
Instructions to update templates
- Rename
<select-searchable>tag to<ionic-selectable> - Rename
selectSearchableAddItemTemplatetoionicSelectableAddItemTemplate - Rename
selectSearchableCloseButtonTemplatetoionicSelectableCloseButtonTemplate - Rename
selectSearchableGroupRightTemplatetoionicSelectableGroupRightTemplate - Rename
selectSearchableGroupTemplatetoionicSelectableGroupTemplate - Rename
selectSearchableItemRightTemplatetoionicSelectableItemRightTemplate - Rename
selectSearchableItemTemplatetoionicSelectableItemTemplate - Rename
selectSearchableMessageTemplatetoionicSelectableMessageTemplate - Rename
selectSearchablePlaceholderTemplatetoionicSelectablePlaceholderTemplate - Rename
selectSearchableSearchFailTemplatetoionicSelectableSearchFailTemplate - Rename
selectSearchableTitleTemplatetoionicSelectableTitleTemplate - Rename
selectSearchableValueTemplatetoionicSelectableValueTemplate
Instructions to update TypeScript
- Rename
SelectSearchableModuletoIonicSelectableModule - Rename
SelectSearchablePageComponenttoIonicSelectablePageComponent - Rename
SelectSearchableComponenttoIonicSelectableComponent
Instructions to update CSS
- Rename
select-searchable-pageCSS class toionic-selectable-page - Rename
select-searchable-page-can-clearCSS class toionic-selectable-page-can-clear - Rename
select-searchable-page-is-multipleCSS class toionic-selectable-page-is-multiple - Rename
select-searchable-page-is-searchingCSS class toionic-selectable-page-is-searching - Rename
select-searchable-page-is-add-item-template-visibleCSS class toionic-selectable-page-is-add-item-template-visible - Rename
select-searchable-page-iosCSS class toionic-selectable-page-ios - Rename
select-searchable-page-mdCSS class toionic-selectable-page-md - Rename
select-searchable-messageCSS class toionic-selectable-message - Rename
select-searchable-spinnerCSS class toionic-selectable-spinner - Rename
select-searchable-spinner-backgroundCSS class toionic-selectable-spinner-background - Rename
select-searchable-groupCSS class toionic-selectable-group - Rename
select-searchable-itemCSS class toionic-selectable-item - Rename
select-searchable-item-is-selectedCSS class toionic-selectable-item-is-selected - Rename
select-searchable-item-is-disabledCSS class toionic-selectable-item-is-disabled - Rename
select-searchable-item-buttonCSS class toionic-selectable-item-button - Rename
select-searchable-add-item-templateCSS class toionic-selectable-add-item-template - Rename
select-searchableCSS class toionic-selectable - Rename
select-searchable-iosCSS class toionic-selectable-ios - Rename
select-searchable-mdCSS class toionic-selectable-md - Rename
select-searchable-is-multipleCSS class toionic-selectable-is-multiple - Rename
select-searchable-has-valueCSS class toionic-selectable-has-value - Rename
select-searchable-has-placeholderCSS class toionic-selectable-has-placeholder - Rename
select-searchable-is-enabledCSS class toionic-selectable-is-enabled - Rename
select-searchable-can-clearCSS class toionic-selectable-can-clear - Rename
select-searchable-valueCSS class toionic-selectable-value - Rename
select-searchable-value-itemCSS class toionic-selectable-item - Rename
select-searchable-iconCSS class toionic-selectable-icon - Rename
select-searchable-icon-innerCSS class toionic-selectable-icon-inner