Skip to main content

A tailwind package for Django Crispy Forms

Project description

https://img.shields.io/badge/code%20style-black-000000.svg

A Tailwind CSS template pack for the wonderful django-crispy-forms.

WARNING

This project is still in its early stages of development. Any contributions to the package would be very welcomed.

Currently the template pack allows the use of the |crispy filter to style your form. Here is an example image.

https://django-crispy-forms.github.io/crispy-tailwind/_images/crispy_form.png

How to install

Install via pip.

pip install crispy-tailwind

You will need to update your project’s settings file to add crispy_forms and crispy_tailwind to your project’s INSTALLED_APPS setting. Also set tailwind as an allowed template pack and as the default template pack for your project:

INSTALLED_APPS = (
    ...
    "crispy_forms",
    "crispy_tailwind",
    ...
)

CRISPY_ALLOWED_TEMPLATE_PACKS = "tailwind"

CRISPY_TEMPLATE_PACK = "tailwind"

How to use

This project is still in its early stages.

Current functionality allows the |crispy filter to be used to style your form. In your template:

  1. Load the filter: {% load tailwind_filters %}

  2. Apply the crispy filter: {{ form|crispy }}

We can also use the {% crispy %} tag to allow usage of crispy-forms’ FormHelper and Layout. In your template:

  1. Load the crispy tag: {% load crispy_forms_tags %}

  2. Add FormHelper to your form and use crispy-forms to set-up your form

  3. Use the crispy tag {% crispy form %} in your template

Documentation

The documentation for this project is available here: https://django-crispy-forms.github.io/crispy-tailwind/index.html

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

crispy-tailwind-0.3.0.tar.gz (23.6 kB view details)

Uploaded Source

Built Distribution

crispy_tailwind-0.3.0-py3-none-any.whl (38.3 kB view details)

Uploaded Python 3

File details

Details for the file crispy-tailwind-0.3.0.tar.gz.

File metadata

  • Download URL: crispy-tailwind-0.3.0.tar.gz
  • Upload date:
  • Size: 23.6 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/3.3.0 pkginfo/1.7.0 requests/2.25.1 setuptools/49.2.1 requests-toolbelt/0.9.1 tqdm/4.56.2 CPython/3.9.1

File hashes

Hashes for crispy-tailwind-0.3.0.tar.gz
Algorithm Hash digest
SHA256 c92c9a18cb1fb246fc4dd1deb883ad3a0d3b14bb3f591826093bc20204501258
MD5 c8e1e7ea0a86e94a8e2f63615348ff43
BLAKE2b-256 6c444e1f268492699fc2d4e585d43f93af37ef93ba8dcff375363f41bbc05581

See more details on using hashes here.

File details

Details for the file crispy_tailwind-0.3.0-py3-none-any.whl.

File metadata

  • Download URL: crispy_tailwind-0.3.0-py3-none-any.whl
  • Upload date:
  • Size: 38.3 kB
  • Tags: Python 3
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/3.3.0 pkginfo/1.7.0 requests/2.25.1 setuptools/49.2.1 requests-toolbelt/0.9.1 tqdm/4.56.2 CPython/3.9.1

File hashes

Hashes for crispy_tailwind-0.3.0-py3-none-any.whl
Algorithm Hash digest
SHA256 91446670d1a6fde850eb07b2be7c9ee3073ce56ce251d9812ea51dceca4203a3
MD5 e9108c3b8c74dfaa907a9bc23813e33d
BLAKE2b-256 51dcf1df61cfaf20545ca57e1c439bda070736b4d6b3d31bb8c2fb5ad8d1ffe3

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page