Dialogs

Install

npm install gooddialogs

Import single

import 'gooddialogs/dist/base.min.css';
import {goodDialogs} from 'gooddialogs';

Import and create instance

import 'gooddialogs/dist/base.min.css';
import {GoodDialogs} from 'gooddialogs';
const goodDialogs = new GoodDialogs('Message');

Use

const resDialog = await goodDialogs.confirm('Message')

With Options

Light Mode

Theme: gd-theme-indigogd-theme-primarygd-theme-blue

Message:

Title

Subtitle

Confirm Button Text

Cancel Button Text

Dark Force

Light Force

Persistent

const resDialog = await goodDialogs.confirm('Mensaje', {/* Options */})

Confirm Dialog

const resDialog = await goodDialogs.confirm('Mensaje')

Option Properties

Parameter	Type	Explanation
alertClass	string	Additional CSS class for the alert.
alertIn	string	Defines the entry animation for the alert.
alertOut	string	Defines the exit animation for the alert.
cancelButtonClass	string	CSS class for the cancellation button.
cancelButtonText	string	Text for the cancellation button.
confirmButtonClass	string	CSS class for the confirmation button.
confirmButtonText	string	Text for the confirmation button.
containerClass	string	CSS class for the alert container.
darkForce	boolean	Forces the use of the dark theme.
divIconClass	string	CSS class for the icon within the alert.
footerClass	string	CSS class for the alert footer.
lightForce	boolean	Forces the use of the light theme.
onConfirm	() => void	Function that executes when the user confirms the alert.
persistent	boolean	Indicates whether the alert should remain visible until the user manually closes it.
position	'top' | 'left' | 'right' | 'center' | 'top-left' | 'top-center' | 'top-right'	Defines the position of the alert on the screen.
subtitle	string | null	Subtitle of the alert.
theme	OptionTheme	Theme of the alert, defined by OptionTheme.
timer	number | null	Sets the time in milliseconds before the alert automatically closes.
title	string | null	Title of the alert.