Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@bgoodman/dialog-box

Package Overview
Dependencies
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@bgoodman/dialog-box

Popup dialog for displaying information.

  • 0.1.0
  • npm
  • Socket score

Version published
Maintainers
1
Created
Source

dialog-box

Popup dialog for displaying information.

npm install @bgoodman/dialog-box

yarn add @bgoodman/dialog-box

Usage

<!DOCTYPE html>
<html>
<head>
	<title>dialog-box</title>
	<script type="module" src="./dist/index.js"></script>
</head>

<body>
	<dialog-box open="true" confirm-lbl="Continue">
		<div slot="dialog-title">
			Title Heading
		</div>
		<div slot="dialog-content">
			Hello, test test test
			blah
		</div>
	</dialog-box>
</body>


</html>

Attributes

open (boolean)

The dialog is visible when true. May also be set via the element property open.

close-on-confirm (boolean)

If true, the dialog will close when the default confirmation button is clicked. Default true.

confirm-btn (boolean)

If true, the default confirmation button will be rendered. Default true.

confirm-lbl (string)

Override the default confirmation button label. Default "OK".

cancel-btn (boolean)

If true, the default cancellation button will be rendered. Default true.

cancel-lbl (string)

Override the default cancellation button label. Default "Cancel".

Events

"confirmed"

Emitted on click of default confirmation button.

"cancelled"

Emitted on click of default cancel button.

Keywords

FAQs

Package last updated on 02 Jan 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc