SweetAlert library for NativeScript Android.
npm i --save nativescript-sweet-alert
  • Version: 1.0.4
  • GitHub:
  • Downloads:
    • Last Day:   0
    • Last Week:  14
    • Last Month: 50

SweetAlert library for NativeScript Android.

Based on:


NativeScript 6x

tns plugin add nativescript-sweet-alert

Android Specifications

Usage Examples

NOTE: "options" may vary according to each method.

import { SweetAlert } from 'nativescript-sweet-alert';
import { ShowSuccess , ShowError } from 'nativescript-sweet-alert/classes';

// showSuccess
const options: ShowSuccess = {
text: "Hello",
contentText: "Alert Content Text",
confirmButtonText: "Ok",
cancelButtonText: "Close"
SweetAlert.showSuccess(options).then(value => {
// result: true, false, CLOSED

// showError
const options: ShowError = {
text: "Hello",
contentText: "Alert Content Text",
confirmButtonText: "Ok",
cancelButtonText: "Close"
SweetAlert.showError(options).then(value => {
// result: true, false, CLOSED

NativeScript SweetAlert - Methods

  • showNormal(options: ShowNormal): Promise<any>
  • showError(options: ShowError): Promise<any>
  • showSuccess(options: ShowSuccess): Promise<any>
  • showWarning(options: ShowWarning): Promise<any>
  • showCustomImage(options: ShowCustomImage): Promise<any>
  • showText(options: ShowText): Promise<any>
  • showCheckbox(options: ShowCheckbox): Promise<any>

How can I change the colors?

App_Resources/Android/src/main/res/values/colors.xml add to Color Properties

Why the TNS prefixed name?

TNS stands for Telerik NativeScript

iOS uses classes prefixed with NS (stemming from the NeXTSTEP days of old):

To avoid confusion with iOS native classes, TNS is used instead.


Need extra help getting these SweetAlert working in your application? Check out these tutorials that make use of the plugin:

SweetAlert in a NativeScript Core Demo

SweetAlert in a NativeScript Angular Demo