And those use cases are just the start. TinyMCE is incredibly flexible, and with hundreds of APIs there’s likely a solution for your editor project. If you haven’t experienced Tiny Cloud, get started today. You’ll even get a free trial of our premium plugins – no credit card required!
Explore Templates
Modal
Use Bootstrap's JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.
Modal Components
Below is a static modal dialog (without the positioning) to demonstrate the look and feel of the Modal.
Live demo
A modal with header, body, and set of actions in the footer. Use <Modal/> in combination with other components to show or hide your Modal. The <Modal/> Component comes with a few convenient "sub components": Modal.Header/>, <Modal.Title/>, <Modal.Body/>, and <Modal.Footer/>, which you can use to build the Modal content.
Scrolling long content
When modals become too long for the user's viewport or device, they scroll independent of the page itself.
Vertically centered
You can vertically center a modal by passing the centered prop.
Optional sizes
You can specify a Bootstrap large or small modal by using the size prop.
Modal with elements
Place a popover, a tooltip, forms, an editor or even a carousel within modals as needed.