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
<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> |