All dialog functions return Promises, so you can use async/await for clean, synchronous-looking code:

// Confirm dialog
const confirmed = await pureAdmin.confirm({
  title: 'Delete Item?',
  message: 'This action cannot be undone.',
  variant: 'danger'
});

if (confirmed) {
  // User clicked OK
}

// Alert dialog
await pureAdmin.alert({
  title: 'Success!',
  message: 'Your changes have been saved.',
  variant: 'success'
});

// Prompt dialog
const name = await pureAdmin.prompt({
  title: 'Enter Name',
  message: 'Please enter your name:',
  defaultValue: 'John Doe'
});

if (name !== null) {
  console.log('User entered:', name);
}

Two-button dialogs that return true (confirmed) or false (cancelled).

Dialogs can be positioned in the center (default) or at the top of the viewport.

// Center position (default)
await pureAdmin.alert({
  title: 'Centered',
  message: 'This dialog is centered.',
  position: 'center'  // default
});

// Top position
await pureAdmin.prompt({
  title: 'Top Position',
  message: 'This dialog appears near the top.',
  position: 'top'
});

Single-button dialogs for notifications. Just wait for the user to acknowledge.

Text input dialogs that return the entered value (or null if cancelled).

Chain multiple dialogs together using async/await:

Run Sequential Flow

async function sequentialDialogs() {
  const name = await pureAdmin.prompt({
    title: 'Step 1 of 3',
    message: 'Enter your name:'
  });

  if (name === null) return;

  const email = await pureAdmin.prompt({
    title: 'Step 2 of 3',
    message: 'Enter your email:'
  });

  if (email === null) return;

  const confirmed = await pureAdmin.confirm({
    title: 'Step 3 of 3',
    message: \`Confirm: \${name} <\${email}>\`,
    variant: 'success'
  });

  if (confirmed) {
    await pureAdmin.alert({
      title: 'Complete!',
      message: 'Registration successful.',
      variant: 'success'
    });
  }
}

pureAdmin.confirm(options)

Returns Promise<boolean>

Option	Type	Default	Description
title	string	'Confirm'	Dialog title
message	string	'Are you sure?'	Dialog message
confirmText	string	'OK'	Confirm button text
cancelText	string	'Cancel'	Cancel button text
variant	string	'primary'	Header theme: primary, success, warning, danger
icon	string | false	(variant glyph)	Leading title icon. Status variants (success/warning/danger) show their severity glyph by default; primary shows none. Pass a pa-icon--* name to override, or false to hide.
confirmVariant	string	(same as variant)	Confirm button style
size	string	'sm'	Modal size: sm, md, lg, xl
position	string	'center'	Vertical position: center, top
closeOnBackdrop	boolean	true	Close when clicking outside

pureAdmin.alert(options)

Returns Promise<void>

Option	Type	Default	Description
title	string	'Alert'	Dialog title
message	string	''	Dialog message
okText	string	'OK'	Button text
variant	string	'primary'	Header and button theme
icon	string | false	(variant glyph)	Leading title icon. Status variants (success/warning/danger) show their severity glyph by default; primary shows none. Pass a pa-icon--* name to override, or false to hide.
size	string	'sm'	Modal size
position	string	'center'	Vertical position: center, top

pureAdmin.prompt(options)

Returns Promise<string | null>

Option	Type	Default	Description
title	string	'Input'	Dialog title
message	string	'Enter value:'	Dialog message
defaultValue	string	''	Initial input value
placeholder	string	''	Input placeholder
confirmText	string	'OK'	Confirm button text
cancelText	string	'Cancel'	Cancel button text
validator	function	null	Validation function: (value) => true | string
variant	string	'primary'	Header theme
icon	string | false	(variant glyph)	Leading title icon. Status variants (success/warning/danger) show their severity glyph by default; primary shows none. Pass a pa-icon--* name to override, or false to hide.
size	string	'sm'	Modal size
position	string	'center'	Vertical position: center, top