This library using angular material dialog with animation, title, and rtl support.
npm install ng-dialog-animationThis library using angular material dialog with animation, title, and rtl support.
typescript
animation?:
| {
to: 'aside' | 'top' | 'bottom' | 'left' | 'right';
incomingOptions?: { keyframes?: Keyframe[]; keyframeAnimationOptions: KeyframeAnimationOptions };
outgoingOptions?: { keyframes?: Keyframe[]; keyframeAnimationOptions: KeyframeAnimationOptions }
}
| {
to?: 'aside' | 'top' | 'bottom' | 'left' | 'right';
incomingOptions?: { keyframes: Keyframe[]; keyframeAnimationOptions: KeyframeAnimationOptions };
outgoingOptions?: { keyframes: Keyframe[]; keyframeAnimationOptions: KeyframeAnimationOptions };
};`
stackblitz playgroundGet started
$3
`
npm i ng-dialog-animation`$3
`typescript
@NgModule({
//....
providers: [
NgDialogAnimationService,
],
})
//......
`$3
`typescript
import { NgDialogAnimationService } from 'ng-dialog-animation';export class SomeComponent {
constructor(public dialog: NgDialogAnimationService) {
}
}
`$3
`typescript
openDialog(): void {
const dialogRef = this.dialog.open(DialogOverviewExampleDialog, {
width: "250px",
animation: { to: "aside" }
}
}
``