To use Modal, you can import the component from the @dhis2/ui library
import { Modal } from '@dhis2/ui'| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| children | node | |||
| className | string | |||
| dataTest | string | 'dhis2-uicore-modal' |
||
| fluid | boolean | |||
| hide | boolean | |||
| large | custom | |||
| position | custom | 'top' |
||
| small | custom | |||
| onClose | function | Callback used when the Modal closes |
To use ModalActions, you can import the component from the @dhis2/ui library
import { ModalActions } from '@dhis2/ui'| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| children | node | |||
| dataTest | string | 'dhis2-uicore-modalactions' |
To use ModalContent, you can import the component from the @dhis2/ui library
import { ModalContent } from '@dhis2/ui'| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| children | node | |||
| className | string | |||
| dataTest | string | 'dhis2-uicore-modalcontent' |
To use ModalTitle, you can import the component from the @dhis2/ui library
import { ModalTitle } from '@dhis2/ui'| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| children | node | |||
| dataTest | string | 'dhis2-uicore-modaltitle' |