Default Boostrap Modals
A rendered modal with header, body, and set of actions in the footer.
Default Modal
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus ipsa natus quaerat nam corrupti autem maxime!
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione.
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione.
Small Modal
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus ipsa natus quaerat nam corrupti autem maxime!
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione.
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione.
Large Modal
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus ipsa natus quaerat nam corrupti autem maxime!
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione.
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione.
Scrollable Modal
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus ipsa natus quaerat nam corrupti autem maxime!
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus ipsa natus quaerat nam corrupti autem maxime!
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus ipsa natus quaerat nam corrupti autem maxime!
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus ipsa natus quaerat nam corrupti autem maxime!
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus ipsa natus quaerat nam corrupti autem maxime!
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus ipsa natus quaerat nam corrupti autem maxime!
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus ipsa natus quaerat nam corrupti autem maxime!
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus ipsa natus quaerat nam corrupti autem maxime!
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione.
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus ipsa natus quaerat nam corrupti autem maxime!
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus ipsa natus quaerat nam corrupti autem maxime!
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus ipsa natus quaerat nam corrupti autem maxime!
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus ipsa natus quaerat nam corrupti autem maxime!
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus ipsa natus quaerat nam corrupti autem maxime!
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus ipsa natus quaerat nam corrupti autem maxime!
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus ipsa natus quaerat nam corrupti autem maxime!
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione.
Modal with pages
Examples of custom modals.
Logged in as Anthony HendersonLocked
Modal Based Alerts
Show different contexual alert messages using modal component.
Heads up!
Lorem ipsum dolorsit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus.
Well Done!
Lorem ipsum dolorsit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus.
Incorrect Information!
Lorem ipsum dolorsit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus.
Oh snap!
Lorem ipsum dolorsit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus.
Modal Position
Specify the position for the modal.
Modal Top
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus ipsa natus quaerat nam corrupti autem maxime!
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione.
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione.
Modal Bottom
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus ipsa natus quaerat nam corrupti autem maxime!
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione.
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione.
Center Modal
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quibusdam, excepturi odit veritatis aliquid sed nulla atque, tempore totam voluptate placeat harum repellendus ipsa natus quaerat nam corrupti autem maxime!
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione.
Consectetur adipisicing elit. Pariatur delectus fugit similique! Vero omnis iusto sapiente quibusdam. Optio aliquid nulla ratione.