Native Dialogs
Install
Require
const ui = require('native-ui');
Alert
ui.alert("Title", "message", "default", function(err, result) {
if (err) {
return console.error(err);
}
console.log(result);
});
The 3rd argument is the type
of the alert. There exist 3 different types:
informational
(default)
critical
warning
Choose File
ui.chooseFile({
title: "Select File",
path: "/Users/mauriceconrad/Desktop",
multiple: true,
extensions: ["txt", "json"]
}, function(err, result) {
if (err) {
return console.error(err);
}
console.log(result);
});
Choose Color
ui.chooseColor(function(err, result) {
if (err) {
return console.error(err);
}
console.log(result);
});
Choose Folder
ui.chooseFolder({
title: "Select Folder",
path: "/Users/mauriceconrad/Desktop",
multiple: true
}, function(err, result) {
if (err) {
return console.error(err);
}
console.log(result);
});
Dialog
ui.dialog("Test Dialog", {
buttons: ["Btn A", "Btn B", "Btn C"],
default: 0
}, "Input text", function(err, result) {
if (err) {
return console.error(err);
}
console.log(result);
});
Important
The 2rd argument, the input text value is not needed. Set it to null
to hide the input field.
List
ui.list("Meine Liste", {
items: [
"Item 1",
"Item 2",
"Item 3",
"Item 4",
"Item 5",
"Item 6",
"Item 7",
"Item 8",
"Item 9"
],
active: 2,
okBtn: "Okay",
cancelBtn: "Cancel"
}, function(err, result) {
if (err) {
return console.error(err);
}
console.log(result);
});
Save File
ui.saveFile({
title: "Save your file",
path: "/Users/mauriceconrad"
}, function(err, result) {
if (err) {
return console.error(err);
}
console.log(result);
});