22 lines
No EOL
1.3 KiB
HTML
22 lines
No EOL
1.3 KiB
HTML
<!--EXAMPLE-->
|
|
<div
|
|
class="example fs-base border rounded my-5{% unless include.raw %} d-flex flex-wrap justify-content-center{% endunless %} overflow-{{ include.overflow | default: 'auto' }} position-relative {% if include.bg %}bg-{{ include.bg }}{% else %}bg-pattern-rectangles{% endif %}{% if include.class %} {{ include.class }}{% endif %}"{% if include.height %} style="height: {{ include.height }}"{% endif %}>
|
|
{%- unless include.raw -%}<div class="p-6 w-full{% if include.column %} d-flex gap-3 flex-column{% elsif include.centered %} d-flex flex-fill flex-wrap gap-2 justify-content-center{% if include.vertical %} align-items-center flex-column{% else %} justify-content-center{% endif %}{% endif %}" {% if include.column %}style="max-width: 25rem;"{% endif %}>{%- endunless -%}
|
|
{{ include.html | remove-href }}
|
|
{%- unless include.raw -%}</div>{%- endunless -%}
|
|
</div>
|
|
|
|
{% unless include.hide-code %}
|
|
<div class="position-relative">
|
|
<a class="btn btn-icon btn-dark position-absolute m-2 top-0 end-0 z-3" data-clipboard-text="{{ include.html | escape_attribute }}">
|
|
{% include "ui/icon.html" icon="clipboard" %}
|
|
{% include "ui/icon.html" icon="check" class="d-none" %}
|
|
</a>
|
|
|
|
```html
|
|
{{ include.code | default: include.html }}
|
|
```
|
|
|
|
</div>
|
|
{% endunless %}
|
|
<!--/EXAMPLE--> |