PandaGo Components

Appearance

Return to top
On this page

Modal

Modal is a component used to add content windows with which the user can interact. In terms of behaviour, we will not allow the modal to close when you click out of it. The modal will be closed when the user clicks on the close button.

Usage

For now, we have only developed the design system skin

Props

ComponentSkin skinIndicates which skin should be used for the component Default value: ComponentSkin.DESIGN_SYSTEM
pandads
boolean showFlag to show and hide the modal Default value: false
string titleModal title
boolean isSemanticFlag to show a modal with semantic styles. It will be a smaller modal

Slots

defaultThe modal content
secondary-actionDedicated for an element at the left of the primary action
primary-actionDedicated for an element at the right of the modal footer
prependDedicated for an element at the left of the modal title

Events

boolean closeEmitted when the modal should be closed

Type declarations