ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
lion/packages/dialog
History
CircleCI 20146d54bf chore: release new versions 
- @lion/checkbox-group@0.9.1
 - @lion/dialog@0.6.3
 - @lion/fieldset@0.11.1
 - @lion/form-system@0.8.3
 - @lion/form@0.5.1
 - @lion/icon@0.5.2
 - @lion/input-datepicker@0.13.3
 - @lion/overlays@0.15.3
 - @lion/radio-group@0.9.1
 - @lion/select-rich@0.17.3
 - @lion/tooltip@0.10.4
2020-05-25 15:10:57 +00:00
..
src fix(overlays): local backdrop outlet 2020-05-18 12:53:13 +02:00
stories docs(overlay): adding link to Overlay System - Configuration 2020-03-19 10:41:46 +01:00
test fix(overlays): setup/teardown fixes + perf improvements OverlayMixin 2020-05-17 17:30:33 +02:00
CHANGELOG.md chore: release new versions 2020-05-25 15:10:57 +00:00
index.js feat: refactor the overlay system implementations, docs and demos 2019-11-29 17:32:31 +01:00
lion-dialog.js feat: refactor the overlay system implementations, docs and demos 2019-11-29 17:32:31 +01:00
package.json chore: release new versions 2020-05-25 15:10:57 +00:00
README.md chore: remove pilot phase header 2020-04-29 10:05:06 +02:00

README.md

Dialog

lion-dialog is a component wrapping a modal dialog controller. Its purpose is to make it easy to use our Overlay System declaratively.

Live Demo/Documentation

See our storybook for a live demo and documentation

How to use

Installation

npm i --save @lion/dialog

import '@lion/dialog/lion-dialog.js';

Example

<lion-dialog>
  <div slot="content">
    This is a dialog
    <button @click=${e => e.target.dispatchEvent(new Event('close-overlay', { bubbles: true }))}>x</button>
  <div>
  <button slot="invoker">Click me</button>
</lion-dialog>