Dialog

GitHubnpmcrates.io

API Reference:

Native system dialogs for opening and saving files along with message dialogs.

Supported Platforms

This plugin requires a Rust version of at least 1.77.2

[TABLE]

Setup

Install the dialog plugin to get started.

• Automatic
• Manual

Use your project’s package manager to add the dependency:

• npm
• yarn
• pnpm
• deno
• bun
• cargo

npm run tauri add dialog

yarn run tauri add dialog

pnpm tauri add dialog

deno task tauri add dialog

bun tauri add dialog

cargo tauri add dialog

1. Run the following command in the src-tauri folder to add the plugin to the project’s dependencies in Cargo.toml:

   cargo add tauri-plugin-dialog

2. Modify lib.rs to initialize the plugin:

   #[cfg_attr(mobile, tauri::mobile_entry_point)]pub fn run() {    tauri::Builder::default()        .plugin(tauri_plugin_dialog::init())        .run(tauri::generate_context!())        .expect("error while running tauri application");}

   src-tauri/src/lib.rs

3. If you’d like create dialogs in JavaScript, install the npm package as well:

   • npm
   • yarn
   • pnpm
   • deno
   • bun

   npm install @tauri-apps/plugin-dialog

   yarn add @tauri-apps/plugin-dialog

   pnpm add @tauri-apps/plugin-dialog

   deno add npm:@tauri-apps/plugin-dialog

   bun add @tauri-apps/plugin-dialog

Usage

The dialog plugin is available in both JavaScript and Rust. Here’s how you can use it:

in JavaScript:

• Create Yes/No Dialog
• Create Ok/Cancel Dialog
• Create Message Dialog
• Open a File Selector Dialog
• Save to File Dialog

in Rust:

• Build an Ask Dialog
• Build a Message Dialog
• Build a File Selector Dialog

JavaScript

See all Dialog Options at the JavaScript API reference.

Create Yes/No Dialog

Shows a question dialog with Yes and No buttons.

import { ask } from '@tauri-apps/plugin-dialog';// when using `"withGlobalTauri": true`, you may use// const { ask } = window.__TAURI__.dialog;
// Create a Yes/No dialogconst answer = await ask('This action cannot be reverted. Are you sure?', {  title: 'Tauri',  kind: 'warning',});
console.log(answer);// Prints boolean to the console

Create Ok/Cancel Dialog

Shows a question dialog with Ok and Cancel buttons.

import { confirm } from '@tauri-apps/plugin-dialog';// when using `"withGlobalTauri": true`, you may use// const { confirm } = window.__TAURI__.dialog;
// Creates a confirmation Ok/Cancel dialogconst confirmation = await confirm(  'This action cannot be reverted. Are you sure?',  { title: 'Tauri', kind: 'warning' });
console.log(confirmation);// Prints boolean to the console

Create Message Dialog

Shows a message dialog with an Ok button. Keep in mind that if the user closes the dialog it will return false.

import { message } from '@tauri-apps/plugin-dialog';// when using `"withGlobalTauri": true`, you may use// const { message } = window.__TAURI__.dialog;
// Shows messageawait message('File not found', { title: 'Tauri', kind: 'error' });

Open a File Selector Dialog

Open a file/directory selection dialog.

The multiple option controls whether the dialog allows multiple selection or not, while the directory, whether is a directory selection or not.

import { open } from '@tauri-apps/plugin-dialog';// when using `"withGlobalTauri": true`, you may use// const { open } = window.__TAURI__.dialog;
// Open a dialogconst file = await open({  multiple: false,  directory: false,});console.log(file);// Prints file path or URI

Save to File Dialog

Open a file/directory save dialog.

import { save } from '@tauri-apps/plugin-dialog';// when using `"withGlobalTauri": true`, you may use// const { save } = window.__TAURI__.dialog;
// Prompt to save a 'My Filter' with extension .png or .jpegconst path = await save({  filters: [    {      name: 'My Filter',      extensions: ['png', 'jpeg'],    },  ],});console.log(path);// Prints the chosen path

Rust

Refer to the Rust API reference to see all available options.

Build an Ask Dialog

Shows a question dialog with Absolutely and Totally buttons.

use tauri_plugin_dialog::{DialogExt, MessageDialogButtons};
let answer = app.dialog()        .message("Tauri is Awesome")        .title("Tauri is Awesome")        .buttons(MessageDialogButtons::OkCancelCustom("Absolutely", "Totally"))        .blocking_show();

If you need a non blocking operation you can use show() instead:

use tauri_plugin_dialog::{DialogExt, MessageDialogButtons};
app.dialog()    .message("Tauri is Awesome")    .title("Tauri is Awesome")   .buttons(MessageDialogButtons::OkCancelCustom("Absolutely", "Totally"))    .show(|result| match result {        true => // do something,        false =>// do something,    });

Build a Message Dialog

Shows a message dialog with an Ok button. Keep in mind that if the user closes the dialog it will return false.

use tauri_plugin_dialog::{DialogExt, MessageDialogKind};
let ans = app.dialog()    .message("File not found")    .kind(MessageDialogKind::Error)    .title("Warning")    .blocking_show();

If you need a non blocking operation you can use show() instead:

use tauri_plugin_dialog::{DialogExt, MessageDialogButtons, MessageDialogKind};
app.dialog()    .message("Tauri is Awesome")    .kind(MessageDialogKind::Info)    .title("Information")    .buttons(MessageDialogButtons::OkCustom("Absolutely"))    .show(|result| match result {        true => // do something,        false => // do something,    });

Build a File Selector Dialog

Pick Files

use tauri_plugin_dialog::DialogExt;
let file_path = app.dialog().file().blocking_pick_file();// return a file_path `Option`, or `None` if the user closes the dialog

If you need a non blocking operation you can use pick_file() instead:

use tauri_plugin_dialog::DialogExt;
app.dialog().file().pick_file(|file_path| {    // return a file_path `Option`, or `None` if the user closes the dialog    })

Save Files

use tauri_plugin_dialog::DialogExt;
let file_path = app    .dialog()    .file()    .add_filter("My Filter", &["png", "jpeg"])    .blocking_save_file();    // do something with the optional file path here    // the file path is `None` if the user closed the dialog

or, alternatively:

use tauri_plugin_dialog::DialogExt;
app.dialog()    .file()    .add_filter("My Filter", &["png", "jpeg"])    .pick_file(|file_path| {        // return a file_path `Option`, or `None` if the user closes the dialog    });

Default Permission

This permission set configures the types of dialogs available from the dialog plugin.

Granted Permissions

All dialog types are enabled.

This default permission set includes the following:

• allow-message
• allow-save
• allow-open

Permission Table

Support on Open CollectiveSponsor on GitHub

© 2026 Tauri Contributors. CC-BY / MIT

Last updated Oct 08, 2026