{% extends "base.html" %} {% from 'component_library.html' import clickable_button %} {% from 'component_library.html' import double_clickable_button %} {% from 'component_library.html' import mouseoverable_button %} {% block title %} - Special Elements{% endblock %} {% block head_bottom %} {% endblock %} {% block body %}

Special Elements


Hidden Element


No Width or Height

{{ clickable_button('button-not-interactable') }}

Overlapped element

{{ clickable_button('button-one', classes=['btn-sm'], text="can't touch this") }}

Double Click Event

{{ double_clickable_button('double-click-one') }}

Mouse Over Event

{{ mouseoverable_button('mouse-over-one') }}
{% endblock %}