Ui.Modal.Base

The base component for a modal, this contains the backdrop and the centered content with transitions.

Use this when you want to create a custom modal.

Interactive Demo

You can play around with a Ui.Modal.Base below using the controls.

Transition Duration (240ms)
Z-index (100)
Close on Outside Click
Open
<Ui.Modal.Base
closeOnOutsideClick={true}
transitionDuration={240}
zIndex={100}
open={false}>
<Ui.Button
onClick={(event : Html.Event) { /* Handle event...*/ }}
label="Close"/>
</Ui.Modal.Base>
Mint UI

Mint UI is a design system and component library for building websites, web and desktop applications.

Copyright © 2018-2024 Szikszai Gusztáv. All rights reserved.