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

Topic		Replies	Views
Modal options error Ionic Framework	1	988	April 8, 2019
Ionic 2 - Modals example giving me lots of errors ionic-v3	3	1347	January 7, 2016
Modal wont open Ionic 2 ionic-v3	10	3490	June 20, 2016
Modal component is not assignable to parameter of type 'ModalOptions<ComponentRef >' ionic-v3	2	6758	January 25, 2019
Ionic 5 - Modals - Use ElementRef or HTMLElement for the modal Ionic Angular	0	1108	October 7, 2020

I need help about modal how can i fix it?

Related topics