Checkbox

{% if is_checked %}Yes! 🦄{% else %}Nope 🙁{% endif %}

Boolean Toggles

{% if another_check %}Checked ✅{% else %}Not checked ❎{% endif %}
Toggle booleans (normal)
Toggle booleans (partial.key) Toggle booleans (partial.id)
Toggle booleans (multiple partials)
Toggle booleans (partial boolean-toggles-id) Toggle booleans (partial boolean-toggles-key)

Select

🐶 🐙 👾

Hi {{ thing }}

Default Select

cool -- select -- {% for flavor in flavors %} {{ flavor }} {% endfor %}

Hi {{ flavor }}

Multiple select

🐶 🐙 👾

Howdy {{ things|join:", " }}

Radio buttons

Blueberry
Apple
Cherry

Delicious {{ pie|upper }} pie

Textarea

Number of characters: {{ paragraph|length }} Clear textarea

Typeahead

Matching states: {% if states %}

{% for s in states %}
• {{ s }}
{% endfor %}

Clear States {% endif %}