createModal

Start from API_LEVEL 2.0 . Please refer to API_LEVEL.

Create Modal prompt box.

Type

function createModal(option: Option): Modal

Parameters

Option

Property	Type	Required	DefaultValue	Description	API_LEVEL
content	string	Y	-	Content of Modal	2.0
show	boolean	N	false	Whether to display Modal immediately after the creation is completed	2.0
onClick	(keyObj: KeyObj) => void	N	-	Whether to display Modal immediately	2.0
autoHide	boolean	N	true	Whether to automatically close the Modal dialog after clicking the Confirm or Cancel button	2.0

KeyObj

Property	Type	Description	API_LEVEL
type	number	Modal key name, value reference Modal key name constants	2.0

Modal

Property	Type	Description	API_LEVEL
show	(isShow: boolean) => void	Show or hide Modal	2.0

Constants

Modal key name constants

Constant	Description	API_LEVEL
MODAL_CONFIRM	Modal Confirm button	2.0
MODAL_CANCEL	Modal Cancel button	2.0

Example

import { createModal, MODAL_CONFIRM } from '@zos/interaction'

const dialog = createModal({
  content: 'hello world',
  autoHide: false,
  onClick: (keyObj) => {
    const { type } = keyObj
    if (type === MODAL_CONFIRM) {
      console.log('confirm')
    } else {
      dialog.show(false)
    }
  },
})

dialog.show(true)