mirror of
https://github.com/shoelace-style/webawesome.git
synced 2026-01-12 12:09:26 +00:00
27 lines
936 B
Plaintext
27 lines
936 B
Plaintext
<div id="page_slots_demo">
|
|
<link rel="stylesheet" href="./demo.css">
|
|
{% set slots = components.page.slots %}
|
|
|
|
<fieldset id="page_slots_fieldset">
|
|
<legend>Slots</legend>
|
|
<div class="options">
|
|
{% for slot in slots %}
|
|
{% if (slot.name != "skip-to-content") and (slot.name != "navigation-toggle-icon") %}
|
|
<wa-checkbox name="slot" value="{{ slot.name }}" {{ 'checked' if slot.name != "menu" and slot.name != 'navigation-toggle' | safe}} class="{{ 'default' if not slot.name }}"
|
|
data-description="{{ slot.description | inlineMarkdown }}" title="{{ slot.description | inlineMarkdown | striptags | safe }}">
|
|
{{ slot.name or "(default)" }}
|
|
</wa-checkbox>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
</fieldset>
|
|
<wa-viewport-demo viewport="1000">
|
|
<iframe srcdoc="" id="page_slots_iframe"></iframe>
|
|
</wa-viewport-demo>
|
|
</div>
|
|
|
|
<script type="module">
|
|
const cacheBust = new Date().toString()
|
|
import(`./demo.js?${cacheBust}`)
|
|
</script>
|