mirror of
https://github.com/shoelace-style/webawesome.git
synced 2026-01-12 12:09:26 +00:00
e3fdf61e4a
* Add nav toggling * fix comments * fix comments * prettier * add comments / docs * prettier * fix up page stuff * prettier * Add comment * minor fixes * prettier
23 lines
884 B
Plaintext
23 lines
884 B
Plaintext
<div id="page_slots_demo">
|
|
<link rel="stylesheet" href="/assets/examples/page-demo/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" | 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 src="/assets/examples/page-demo/demo.js"></script>
|