Template tags
Django Tailwind introduces a couple of template tags for your convenience.
{% tailwind_css %} tag
Usage
The {% tailwind_css %}
tag generates a stylesheet link for the 'theme'
app and that’s all you need to include Tailwind’s CSS on a page:
{% load tailwind_tags %}
<!DOCTYPE html>
<html lang="en">
<head>
<title>Django Tailwind</title>
{% tailwind_css %}
</head>
<body></body>
</html>
Asset versioning
The tag also supports asset versioning via the v=
parameter, like this:
{% tailwind_css v='1' %}
Depending on your production setup, you may or may not need this functionality, so it’s optional.
{% tailwind_preload_css %} tag
The tag generates a preload directive for your stylesheet, which improves loading performance in production.
Place it above the {% tailwind_css %}
tag:
{% load tailwind_tags %}
<!DOCTYPE html>
<html lang="en">
<head>
<title>Django Tailwind</title>
{% tailwind_preload_css %}
{% tailwind_css %}
</head>
<body></body>
</html>
It also supports asset versioning (if needed):
{% tailwind_preload_css v='1' %}