⚠️ Mixin UI is currently in alpha stage
Documentation
Customization
Services

Dialog

A service that allows displaying modal dialogs on the page with configurable settings such as size, focus management, close logic, ARIA attributes, and more.

Import

export { XDialog } from '@mixin-ui/kit';

Usage

@Component({ ... })
export class Usage {
  readonly #dialog = inject(XDialog);

  open() {
    this.#dialog
      .open(SomeComponent, { data: 'input' })
      .subscribe(output => console.log(output));
  }
}
Previous
Tooltip
Next
Theme