Confirm

Confirm dialog for critical user actions.

import {Confirm} from "ui-lab-components";
 
          export function Example() {
  return (
          <Confirm
            triggerLabel="Delete Account"
            title="Are you sure?"
            description="This action cannot be undone."
            confirmLabel="Delete"
            cancelLabel="Cancel"
            onConfirm={() => console.log('Confirmed')}
            onCancel={() => console.log('Cancelled')}
          />
          );
}

Basic Confirm

A confirmation dialog for critical actions. Use this to prevent accidental deletions or destructive operations.

import { Confirm } from 'ui-lab-components';
 
export const metadata = {
  title: 'Basic Confirm',
  description: 'A confirmation dialog for critical actions. Use this to prevent accidental deletions or destructive operations.'
};
 
export default function Example() {
  return (
    <Confirm
      triggerLabel="Delete Account"
      title="Are you sure?"
      description="This action cannot be undone. All your data will be permanently deleted."
      confirmLabel="Delete"
      cancelLabel="Cancel"
      onConfirm={() => console.log('Account deleted')}
      onCancel={() => console.log('Cancelled')}
    />
  );
}
UI Lab