I need help about modal how can i fix it?

herman17 · November 25, 2021, 7:53am

argument of type ‘{component: type of ModalPage; componentProps: {id: any:}; breakpoints: number; initialBreakpoints:number;}’

i got an error in breakpoints i already import the modalcontroller here is my code.

async openNote(note){
const modal = await this.modalCtrl.create({
component: ModalPage,
componentProps: {id: note.id},
breakpoints: [0, 0.5, 0.8], <------this is my error in my code
initialBreakpoints: 0.5
});

rapropos · November 25, 2021, 6:39pm

What documentation led you to putting those breakpoints and initialBreakpoints things there?

Tommertom · November 25, 2021, 7:01pm

What is your error and are you sure you added Ionic 6 as this is part of the new Modal interface of Ionic 6?

github.com

ionic-team/ionic-framework/blob/0d749923a84eef3568c9a2b2be89b1efa1c199aa/core/src/components/modal/modal-interface.ts

import { JSXBase } from '@stencil/core/internal';

import { AnimationBuilder, ComponentProps, ComponentRef, FrameworkDelegate, Mode } from '../../interface';

export interface ModalOptions<T extends ComponentRef = ComponentRef> {
  component: T;
  componentProps?: ComponentProps<T>;
  presentingElement?: HTMLElement;
  showBackdrop?: boolean;
  backdropDismiss?: boolean;
  cssClass?: string | string[];
  delegate?: FrameworkDelegate;
  animated?: boolean;
  swipeToClose?: boolean;

  mode?: Mode;
  keyboardClose?: boolean;
  id?: string;
  htmlAttributes?: ModalAttributes;

This file has been truncated. show original