Loading...

Sweetalert

Examples Action
Show a basic message
Display a title with a description
Show an error message with a title and footer
Use custom HTML with descriptive buttons
Display a dialog with three options
Show a dialog in a custom position
Confirm action with a warning message
Execute different actions based on cancellation
Display a message with a custom image
Show a message with custom dimensions and styling
Auto-close message after a few seconds
Support for right-to-left languages
Example of an AJAX request
Trigger Toast

Preview Settings

Theme Layouts

Defines the admin panel's layout style, allowing you to choose from different design options.

Color Mode

Choose if app's appearance should be light or dark, or follow your computer's settings.

RTL Mode

Toggle between LTR and RTL layouts to support different language directions.

Preset Themes

Choose a preset theme from out theme library.

Sidebar Colors

Sets the sidebar color scheme. Options include light, dark, or gradient styles.

Navbar Positions Options

Sets the navbar position: sticky, static, or hidden.

Navbar Type Options

Sets the navbar style: default, dark, transparent, or glass.

Font Options

Sets the fonts for headings and body text.

Font Size Options

Sets the font size: sm, md, or lg.

Rounded Options

Sets the border radius size: xs, sm, md, lg, or xl.

Container Options

Defines the container style: fluid (full-width) or boxed (fixed width).

Loader Options

Sets the page loader visibility: hidden or visible.