A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
helper
slot has been removed. Developers should use the helperText
property on ion-input
and ion-textarea
.error
slot has been removed. Developers should use the errorText
property on ion-input
and ion-textarea
.counter
and counterFormatter
properties. Developers should use the properties of the same name on ion-input
and ion-textarea
.fill
property has been removed. Developers should use the property of the same name on ion-input
, ion-select
, and ion-textarea
.shape
property has been removed. Developers should use the property of the same name on ion-input
, ion-select
, and ion-textarea
.ion-item
with interactive elements such as form controls (inputs, textareas, etc) should be evaluated to verify that interactions still work as expected.Check out the Ionic 8 announcement blog for an overview of all the great features coming in Ionic 8!
legacy
property and support for the legacy syntax, which involved placing an ion-range
inside of an ion-item
with an ion-label
, have been removed from range. For more information on migrating from the legacy range syntax, refer to the Range documentation.legacy
property and support for the legacy syntax, which involved placing an ion-checkbox
inside of an ion-item
with an ion-label
, have been removed from checkbox. For more information on migrating from the legacy checkbox syntax, refer to the Checkbox documentation.legacy
property and support for the legacy syntax, which involved placing an ion-radio
inside of an ion-item
with an ion-label
, have been removed from radio. For more information on migrating from the legacy radio syntax, refer to the Radio documentation.legacy
property and support for the legacy syntax, which involved placing an ion-toggle
inside of an ion-item
with an ion-label
, have been removed from toggle. For more information on migrating from the legacy toggle syntax, refer to the Toggle documentation.cssClass
property has been removed from ToastButton
accept
property has been removed from ion-input
.getLength
returns Promise<number>
instead of <number>
. This method was not previously available in Nav's TypeScript interface, but developers could still access it by casting Nav as any
. Developers should ensure they await
their getLength
call before accessing the returned value.--background
custom property when the .outer-content
class is set on the host.