Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
27 commits
Select commit Hold shift + click to select a range
9093580
chore(deps): update ionic to v8.4.2 (#4000)
renovate[bot] Jan 23, 2025
c8d6c0d
chore(deps): update dependency vite to v5.4.12 [security] (#3999)
renovate[bot] Jan 23, 2025
a23e43b
chore(deps): update dependency @types/node to v22.10.7 (#3997)
renovate[bot] Jan 23, 2025
c9d7bb8
chore(deps): update dependency typescript to v5.7.3 (#3995)
renovate[bot] Jan 23, 2025
efeabb4
docs(your-first-app): remove duplicate word and correct grammar (#3994)
sandeepsalwan1 Jan 23, 2025
d38c4f5
docs(build-options): remove enableProdMode() reference (#3989)
rtpHarry Jan 23, 2025
b1c1970
chore(deps): update react monorepo (#3900)
renovate[bot] Jan 23, 2025
833b2a6
docs(gestures): update Animation references to Gesture (#3899)
GochoMugo Jan 23, 2025
a05cd4b
chore(deps): update dependency vite to v5.4.13 (#4003)
renovate[bot] Jan 24, 2025
c6a6154
chore(deps): update dependency vite to v5.4.13 (#4002)
renovate[bot] Jan 24, 2025
c3dd109
chore(deps): update react monorepo (#4004)
renovate[bot] Jan 24, 2025
0e15cf1
chore(deps): update dependency vite to v6 (#3898)
renovate[bot] Jan 24, 2025
dd3a19a
chore(deps): update dependency vite to v5.4.14 (#4006)
renovate[bot] Jan 29, 2025
f871c0f
chore(deps): update dependency @types/node to v22.10.10 (#4005)
renovate[bot] Jan 29, 2025
c78d72f
docs(toast): remove cssClass property from ToastButton interface (#4001)
brandyscarney Jan 29, 2025
51250df
chore(deps): update dependency @types/node to v22.12.0 (#4008)
renovate[bot] Feb 19, 2025
febd31d
chore(deps): update dependency vite to v6.1.0 (#4010)
renovate[bot] Feb 19, 2025
d29a617
chore(deps): update dependency vite to v6 (#3894)
renovate[bot] Feb 19, 2025
ede49f7
chore(deps): update dependency vite to v6.1.0 (#4012)
renovate[bot] Feb 21, 2025
c853e04
chore(deps): update dependency @types/node to v22.13.4 (#4011)
renovate[bot] Feb 21, 2025
57d65f6
chore(deps): update dependency vite to v6.1.1 (#4015)
renovate[bot] Feb 24, 2025
b3da792
chore(deps): update dependency vite to v6.1.1 (#4016)
renovate[bot] Feb 24, 2025
3b0b5d1
chore(deps): update dependency @types/node to v22.13.5 (#4017)
renovate[bot] Feb 26, 2025
2f2083c
docs(checkbox): add helperText and errorText section
thetaPC Mar 6, 2025
726e060
refactor(checkbox): use dev build
thetaPC Mar 6, 2025
17b5e2d
docs(checkbox): update reference name
thetaPC Mar 6, 2025
eca662a
fix(checkbox): use camelCase and remove id
thetaPC Mar 6, 2025
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 2 additions & 22 deletions docs/angular/build-options.md
Original file line number Diff line number Diff line change
Expand Up @@ -47,11 +47,6 @@ import { provideIonicAngular, IonicRouteStrategy } from '@ionic/angular/standalo

import { routes } from './app/app.routes';
import { AppComponent } from './app/app.component';
import { environment } from './environments/environment';

if (environment.production) {
enableProdMode();
}

bootstrapApplication(AppComponent, {
providers: [
Expand Down Expand Up @@ -144,7 +139,7 @@ export class AppComponent {
Icons registered in an application entry point can then be referenced by name anywhere in the application.

```html title="home.page.html"
<!--
<!--
logoIonic was registered in app.component.ts instead of home.page.ts,
but it can still be used in home.page.html.
-->
Expand Down Expand Up @@ -306,7 +301,7 @@ export class AppComponent {
Icons registered in an application entry point can then be referenced by name anywhere in the application.

```html title="home.page.html"
<!--
<!--
logoIonic was registered in app.component.ts instead of home.page.ts,
but it can still be used in home.page.html.
-->
Expand Down Expand Up @@ -432,11 +427,6 @@ import { RouteReuseStrategy, provideRouter } from '@angular/router';

import { routes } from './app/app.routes';
import { AppComponent } from './app/app.component';
import { environment } from './environments/environment';

if (environment.production) {
enableProdMode();
}

bootstrapApplication(AppComponent, {
providers: [
Expand Down Expand Up @@ -560,11 +550,6 @@ import { RouteReuseStrategy, provideRouter } from '@angular/router';

import { routes } from './app/app.routes';
import { AppComponent } from './app/app.component';
import { environment } from './environments/environment';

if (environment.production) {
enableProdMode();
}

@NgModule({
declarations: [AppComponent],
Expand Down Expand Up @@ -605,11 +590,6 @@ import { RouteReuseStrategy, provideRouter } from '@angular/router';

import { routes } from './app/app.routes';
import { AppComponent } from './app/app.component';
import { environment } from './environments/environment';

if (environment.production) {
enableProdMode();
}

@NgModule({
declarations: [AppComponent],
Expand Down
4 changes: 2 additions & 2 deletions docs/angular/your-first-app/8-distribute.md
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,7 @@ To receive this live update, you will need to run the app on a device or an emul
ionic [cordova | cap] run [ios | android] [options]
```

Assuming the app is configured correctly to listen to the channel you deployed too, the app should immediately update on startup if you have chosen the auto update method during setup. If the background update method was chosen, be sure to stay in the app for about 30 seconds to ensure the update was downloaded. Then, close the application, reopen it, and you will see the updates applied!
Assuming the app is configured correctly to listen to the channel you deployed to, the app should immediately update on startup if you have chosen the auto update method during setup. If the background update method was chosen, be sure to stay in the app for about 30 seconds to ensure the update was downloaded. Then, close the application, reopen it, and you will see the updates applied!

To dive into more details on the steps to deploy a live update, as well as additional information such as disabling deploy for development, check out the [Deploy a Live Update](https://ionic.io/docs/appflow/quickstart/deploy) section inside the Appflow docs.

Expand Down Expand Up @@ -95,6 +95,6 @@ For access to the ability to create a Native Configuration, you will need to be

Congratulations! You developed a complete cross-platform Photo Gallery app that runs on the web, iOS, and Android. Not only that, you have also then built the app and deployed it to your users devices!

There are many paths to follow from here. Try adding another [Ionic UI component](https://ionicframework.com/docs/components) to the app, or more [native functionality](https://capacitorjs.com/docs/apis). The sky’s the limit. Once you have added another feature, run the the build and deploy process again through Appflow to get it out to your users.
There are many paths to follow from here. Try adding another [Ionic UI component](https://ionicframework.com/docs/components) to the app, or more [native functionality](https://capacitorjs.com/docs/apis). The sky’s the limit. Once you have added another feature, run the build and deploy process again through Appflow to get it out to your users.

Happy app building! 💙
10 changes: 10 additions & 0 deletions docs/api/checkbox.md
Original file line number Diff line number Diff line change
Expand Up @@ -74,6 +74,16 @@ import LabelLink from '@site/static/usage/v8/checkbox/label-link/index.md';

<LabelLink />

## Helper & Error Text

Helper and error text can be used inside of a checkbox with the `helperText` and `errorText` property. The error text will not be displayed unless the `ion-invalid` and `ion-touched` classes are added to the `ion-checkbox`. This ensures errors are not shown before the user has a chance to enter data.

In Angular, this is done automatically through form validation. In JavaScript, React and Vue, the class needs to be manually added based on your own validation.

import HelperError from '@site/static/usage/v8/checkbox/helper-error/index.md';

<HelperError />

## Theming

### CSS Custom Properties
Expand Down
1 change: 0 additions & 1 deletion docs/api/toast.md
Original file line number Diff line number Diff line change
Expand Up @@ -222,7 +222,6 @@ interface ToastButton {
icon?: string;
side?: 'start' | 'end';
role?: 'cancel' | string;
cssClass?: string | string[];
htmlAttributes?: { [key: string]: any };
handler?: () => boolean | void | Promise<boolean | void>;
}
Expand Down
4 changes: 2 additions & 2 deletions docs/react/your-first-app/8-distribute.md
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,7 @@ To receive this live update, you will need to run the app on a device or an emul
ionic cordova run [ios | android] [options]
```

Assuming the app is configured correctly to listen to the channel you deployed too, the app should immediately update on startup if you have chosen the auto update method during setup. If the background update method was chosen, be sure to stay in the app for about 30 seconds to ensure the update was downloaded. Then, close the application, reopen it, and you will see the updates applied!
Assuming the app is configured correctly to listen to the channel you deployed to, the app should immediately update on startup if you have chosen the auto update method during setup. If the background update method was chosen, be sure to stay in the app for about 30 seconds to ensure the update was downloaded. Then, close the application, reopen it, and you will see the updates applied!

To dive into more details on the steps to deploy a live update, as well as additional information such as disabling deploy for development, check out the [Deploy a Live Update](https://ionic.io/docs/appflow/quickstart/deploy) section inside the Appflow docs.

Expand Down Expand Up @@ -95,6 +95,6 @@ For access to the ability to create a Native Configuration, you will need to be

Congratulations! You developed a complete cross-platform Photo Gallery app that runs on the web, iOS, and Android. Not only that, you have also then built the app and deployed it to you users devices!

There are many paths to follow from here. Try adding another [Ionic UI component](https://ionicframework.com/docs/components) to the app, or more [native functionality](https://capacitorjs.com/docs/apis). The sky’s the limit. Once you have added another feature run the the build and deploy process again through Appflow to get it out to your users.
There are many paths to follow from here. Try adding another [Ionic UI component](https://ionicframework.com/docs/components) to the app, or more [native functionality](https://capacitorjs.com/docs/apis). The sky’s the limit. Once you have added another feature run the build and deploy process again through Appflow to get it out to your users.

Happy app building! 💙
6 changes: 3 additions & 3 deletions docs/utilities/gestures.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ import TabItem from '@theme/TabItem';

## Overview

Ionic Gestures is a utility that allows developers to build custom gestures and interactions for their application in a platform agnostic manner. Developers do not need to be using a particular framework such as React or Angular, nor do they even need to be building an Ionic app! As long as developers have access to v5.0 or greater of Ionic Framework, they will have access to all of Ionic Animations.
Ionic Gestures is a utility that allows developers to build custom gestures and interactions for their application in a platform agnostic manner. Developers do not need to be using a particular framework such as React or Angular, nor do they even need to be building an Ionic app! As long as developers have access to v5.0 or greater of Ionic Framework, they will have access to all of Ionic Gestures.

Building complex gestures can be time consuming. Other libraries that provide custom gestures are often times too heavy handed and end up capturing mouse or touch events and not letting them propagate. This can result in other elements no longer being scrollable or clickable.

Expand Down Expand Up @@ -71,7 +71,7 @@ const gesture: Gesture = createGesture({
</TabItem>
<TabItem value="angular">

Developers using Angular should install the latest version of `@ionic/angular`. Animations can be created via the `AnimationController` dependency injection.
Developers using Angular should install the latest version of `@ionic/angular`. Gestures can be created via the `GestureController` dependency injection.

By default, gesture callbacks do not run inside of NgZone. Developers can either set the `runInsideAngularZone` parameter to `true` when creating a gesture,
or they can wrap their callbacks in an `NgZone.run()` call.
Expand All @@ -95,7 +95,7 @@ constructor(private gestureCtrl: GestureController) {
</TabItem>
<TabItem value="angular-standalone">

Developers using Angular should install the latest version of `@ionic/angular`. Animations can be created via the `AnimationController` dependency injection.
Developers using Angular should install the latest version of `@ionic/angular`. Gestures can be created via the `GestureController` dependency injection.

By default, gesture callbacks do not run inside of NgZone. Developers can either set the `runInsideAngularZone` parameter to `true` when creating a gesture,
or they can wrap their callbacks in an `NgZone.run()` call.
Expand Down
4 changes: 2 additions & 2 deletions docs/vue/your-first-app/8-distribute.md
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,7 @@ To receive this live update, you will need to run the app on a device or an emul
ionic cordova run [ios | android] [options]
```

Assuming the app is configured correctly to listen to the channel you deployed too, the app should immediately update on startup if you have chosen the auto update method during setup. If the background update method was chosen, be sure to stay in the app for about 30 seconds to ensure the update was downloaded. Then, close the application, reopen it, and you will see the updates applied!
Assuming the app is configured correctly to listen to the channel you deployed to, the app should immediately update on startup if you have chosen the auto update method during setup. If the background update method was chosen, be sure to stay in the app for about 30 seconds to ensure the update was downloaded. Then, close the application, reopen it, and you will see the updates applied!

To dive into more details on the steps to deploy a live update, as well as additional information such as disabling deploy for development, check out the [Deploy a Live Update](https://ionic.io/docs/appflow/quickstart/deploy) section inside the Appflow docs.

Expand Down Expand Up @@ -95,6 +95,6 @@ For access to the ability to create a Native Configuration, you will need to be

Congratulations! You developed a complete cross-platform Photo Gallery app that runs on the web, iOS, and Android. Not only that, you have also then built the app and deployed it to you users devices!

There are many paths to follow from here. Try adding another [Ionic UI component](https://ionicframework.com/docs/components) to the app, or more [native functionality](https://capacitorjs.com/docs/apis). The sky’s the limit. Once you have added another feature run the the build and deploy process again through Appflow to get it out to your users.
There are many paths to follow from here. Try adding another [Ionic UI component](https://ionicframework.com/docs/components) to the app, or more [native functionality](https://capacitorjs.com/docs/apis). The sky’s the limit. Once you have added another feature run the build and deploy process again through Appflow to get it out to your users.

Happy app building! 💙
Loading