@extends('../themes/' . $activeTheme . '/' . $activeLayout) @section('subhead') Modal - Midone - Tailwind Admin Dashboard Template @endsection @section('subcontent')

Modal

Blank Modal

Show example code
Show Modal
This is totally awesome blank modal!
Show Modal
This is totally awesome blank modal!

Modal Size

Show example code
Show Small Modal Show Medium Modal Show Large Modal Show Superlarge Modal
This is totally awesome small modal! This is totally awesome medium modal! This is totally awesome large modal! This is totally awesome superlarge modal!
Show Small Modal Show Medium Modal Show Large Modal Show Superlarge Modal
This is totally awesome small modal! This is totally awesome medium modal! This is totally awesome large modal! This is totally awesome superlarge modal!

Warning Modal

Show example code
Show Modal
Oops...
Something went wrong!
Ok
Show Modal
Oops...
Something went wrong!
Ok

Modal With Close Button

Show example code
Show Modal
Modal Example
Modal with close button
Ok
Show Modal
Modal Example
Modal with close button
Ok

Static Backdrop Modal

Show example code
Show Modal
I will not close if you click outside me. Don't even try to press escape key.
Ok
Show Modal
I will not close if you click outside me. Don't even try to press escape key.
Ok

Overlapping Modal

Show example code
Show Modal
Click button bellow to show overlapping modal!
Show Overlapping Modal
This is totally awesome overlapping modal!
Show Modal
Click button bellow to show overlapping modal!
Show Overlapping Modal
This is totally awesome overlapping modal!

Header & Footer Modal

Show example code
Show Modal

Broadcast Message

Download Docs
From
To
Subject
Has the Words
Doesn't Have
Size
Cancel Send
Show Modal

Broadcast Message

Download Docs
From
To
Subject
Has the Words
Doesn't Have
Size
Cancel Send

Delete Modal

Show example code
Show Modal
Are you sure?
Do you really want to delete these records?
This process cannot be undone.
Cancel Delete
Show Modal
Are you sure?
Do you really want to delete these records?
This process cannot be undone.
Cancel Delete

Success Modal

Show example code
Show Modal
Good job!
You clicked the button!
Ok
Show Modal
Good job!
You clicked the button!
Ok

Tiny Slider Modal

Show example code
Show Modal
Midone - Tailwind Admin Dashboard Template
Midone - Tailwind Admin Dashboard Template
Midone - Tailwind Admin Dashboard Template
Midone - Tailwind Admin Dashboard Template
Show Modal
Midone - Tailwind Admin Dashboard Template
Midone - Tailwind Admin Dashboard Template
Midone - Tailwind Admin Dashboard Template
Midone - Tailwind Admin Dashboard Template

Programmatically Show/Hide Modal

Show example code
Show Modal
Hide Modal Toggle Modal
Show Modal
Hide Modal Toggle Modal
@endsection @pushOnce('scripts') @vite('resources/js/pages/modal.js') @endPushOnce