Skip to content

docs(angular): update overlay imports for v9 #4636

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ShaneK merged 1 commit into from
Aug 13, 2026
+7 −7
Merged

docs(angular): update overlay imports for v9 #4636

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
14 changes: 7 additions & 7 deletions docs/angular/overlays.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ Overlays can be created programmatically using their respective controllers:

```typescript
import { Component } from '@angular/core';
import { ModalController } from '@ionic/angular/standalone';
import { ModalController } from '@ionic/angular';
import { MyModalComponent } from './my-modal.component';

@Component({
Expand Down Expand Up @@ -61,7 +61,7 @@ To use a custom injector, pass it to the `create()` method:

```typescript
import { Component, Injector } from '@angular/core';
import { ModalController } from '@ionic/angular/standalone';
import { ModalController } from '@ionic/angular';
import { MyModalComponent } from './my-modal.component';
import { MyRouteService } from './my-route.service';

Expand Down Expand Up @@ -104,7 +104,7 @@ You can also create a custom injector with specific providers:

```typescript
import { Component, Injector } from '@angular/core';
import { ModalController } from '@ionic/angular/standalone';
import { ModalController } from '@ionic/angular';
import { MyModalComponent } from './my-modal.component';
import { MyService } from './my.service';

Expand Down Expand Up @@ -140,7 +140,7 @@ A common use case is providing the Angular CDK `Dir` directive to overlays for b
```typescript
import { Component, Injector } from '@angular/core';
import { Dir } from '@angular/cdk/bidi';
import { ModalController } from '@ionic/angular/standalone';
import { ModalController } from '@ionic/angular';
import { MyModalComponent } from './my-modal.component';

@Component({
Expand All @@ -166,7 +166,7 @@ The `PopoverController` supports the same `injector` option:

```typescript
import { Component, Injector } from '@angular/core';
import { PopoverController } from '@ionic/angular/standalone';
import { PopoverController } from '@ionic/angular';
import { MyPopoverComponent } from './my-popover.component';

@Component({
Expand Down Expand Up @@ -194,10 +194,10 @@ Ionic Angular exports its own `ModalOptions` and `PopoverOptions` types that ext
- `ModalOptions` - Extends core `ModalOptions` with the `injector` property
- `PopoverOptions` - Extends core `PopoverOptions` with the `injector` property

These types are exported from `@ionic/angular` and `@ionic/angular/standalone`:
These types are exported from `@ionic/angular` and `@ionic/angular/lazy`:

```typescript
import type { ModalOptions, PopoverOptions } from '@ionic/angular/standalone';
import type { ModalOptions, PopoverOptions } from '@ionic/angular';
```

## Docs for Overlays in Ionic
Expand Down
Loading