You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
841 B
44 lines
841 B
4 years ago
|
<tiny-demo>
|
||
|
<div class="demo">
|
||
|
<tiny-modal title="My Modal" id="my-modal">
|
||
|
<pre>
|
||
|
*-*,
|
||
|
,*\/|`| \
|
||
|
\' | |'| *,
|
||
|
\ `| | |/ )
|
||
|
| |'| , /
|
||
|
|'| |, /
|
||
|
__|_|_|_|__
|
||
|
[___________]
|
||
|
| |
|
||
|
| |
|
||
|
| |
|
||
|
|_________|
|
||
|
</pre>
|
||
|
<button type="button" onclick={ () => closeModal('my-modal') }>
|
||
|
Cancel
|
||
|
</button>
|
||
|
</tiny-modal>
|
||
|
<button type="button" class="button" onclick={ () => openModal('my-modal') }>
|
||
|
Open
|
||
|
</button>
|
||
|
</div>
|
||
|
<script>
|
||
|
|
||
|
import tinyModalMixin from './tiny-modal-mixin.js'
|
||
|
|
||
|
/**
|
||
|
*
|
||
|
*
|
||
|
* @author Björn Hase
|
||
|
*
|
||
|
*/
|
||
|
|
||
|
export default () => {
|
||
|
return {
|
||
|
...tinyModalMixin
|
||
|
}
|
||
|
}
|
||
|
|
||
|
</script>
|
||
|
</tiny-demo>
|