Class Modal

constructor

• new Modal(options?: ModalOptions): Modal

  Un objet pour afficher/modifier/détruire une fenêtre modale Exemple

  // pour une modale quasi plein écran (20px de grisé autour laissant légèrement voir le body dessous)
  const modal = new Modal({ title: 'Un joli titre', inset: '20px' })
  const main = modal.addElement('div')
  // addElement(main, 'p', …)
  modal.show()
  // et pour la détruire via du code (sinon faut cliquer sur la croix)
  modal.destroy()
  
  // et pour une modale plus petite qui s'adapte au contenu (toujours centrée)
  const modal = new Modal()
  // ensuite idem
  Copy

  Parameters

  • Optionaloptions: ModalOptions = {}

    Si fourni avec top et left, la modale s’adaptera au contenu, avec seulement son coin supérieur gauche positionné (sinon elle prend tout l’écran)

    • OptionalcloseWithOk?: boolean

    • Optionaldelay?: number

    • OptionalfullScreen?: boolean

    • OptionalfullScreenIframe?: boolean

    • Optionalinset?: string

    • OptionalmaxHeight?: string

    • OptionalmaxWidth?: string

    • OptionalonClose?: () => void

    • Optionaltitle?: string

    • OptionalwithoutClose?: boolean

    • OptionalzIndex?: string | number

  Returns Modal

isDestroyed

Optional ReadonlyonClose

ReadonlytimeOutId

addElement

• addElement<Tag extends TagName>(tag: Tag, options?: EltOptions<Tag>): Elt<Tag>

  À utiliser pour mettre du contenu dans la modale

  Type Parameters

  • Tag extends TagName

  Parameters

  • tag: Tag
  • Optionaloptions: EltOptions<Tag>

  Returns Elt<Tag>

destroy

• destroy(): void

  Returns void

empty

• empty(): void

  Vide tout le contenu de la modale

  Returns void

hide

• hide(): void

  Returns void

setTitle

• setTitle(title: string): void

  Parameters

  • title: string

  Returns void

show

• show(): void

  Returns void

toggle

• toggle(): void

  Returns void