@kushki/ng-suka
Version:
<p align="center"> <h1 align="center">Suka Components Angular</h1> <p align="center"> An Angular implementation of the Suka Design System </p> </p>
52 lines (51 loc) • 1.61 kB
TypeScript
import { TemplateRef, EventEmitter } from '@angular/core';
import { ModalService } from './modal.service';
/**
* Modals are overlays that prevent users from interacting with the rest of the application until a specific action is taken. They can be disruptive because they require users to take an action before they can continue interacting with the rest of the application.
* It should be used thoughtfully and sparingly.
*/
export declare class ModalDirective {
protected modalService: ModalService;
constructor(modalService: ModalService);
/**
* Set to `true` to show a close button on the top right corner. Defaults to `false`.
*/
closeButton: boolean;
/**
* Sets the modal title.
*/
title: string | TemplateRef<any>;
/**
* Sets the body of the modal.
*/
body: string | TemplateRef<any>;
/**
* Sets to `false` to stop the modal from closing when the user clicks on the backdrop. Defaults to `true`.
*/
closeOnBackdropClick: boolean;
/**
* Callback when the modal closes.
*/
close: EventEmitter<any>;
/**
* Sets the modal secondary action button label.
*/
secondaryActionLabel: string;
/**
* Callback when the secondary action is triggered.
*/
secondaryAction: EventEmitter<any>;
/**
* Sets the modal primary action button label.
*/
primaryActionLabel: string;
/**
* Callback when the primary action is triggered.
*/
primaryAction: EventEmitter<any>;
onClick(): void;
/**
* Opens the modal.
*/
private openModal;
}