https://github.com/drupix/tw_paragraphs
🦊 A suite of Paragraph bundles made for Tailwind CSS framework.
https://github.com/drupix/tw_paragraphs
drupal-module drupal8 drupal9 tailwindcss
Last synced: 3 days ago
JSON representation
🦊 A suite of Paragraph bundles made for Tailwind CSS framework.
- Host: GitHub
- URL: https://github.com/drupix/tw_paragraphs
- Owner: drupix
- License: gpl-2.0
- Created: 2021-11-08T12:25:38.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-11-08T21:11:14.000Z (over 4 years ago)
- Last Synced: 2025-07-22T17:25:03.686Z (7 months ago)
- Topics: drupal-module, drupal8, drupal9, tailwindcss
- Language: Twig
- Homepage:
- Size: 16.6 KB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Tailwind CSS Paragraphs
[](https://drupal.org/)
[](https://tailwindcss.com)
[](https://raw.githubusercontent.com/drupix/tw_paragraphs/master/LICENSE.txt)
**:warning: WARNING: Tailwind CSS Paragraphs is under development and not yet ready for production 🐞**
## CONTENTS OF THIS FILE
* Introduction
* Requirements
* Installation
* Configuration
* Maintainers
## INTRODUCTION
A suite of **Drupal** Paragraph bundles made for **Tailwind CSS** framework.
For content creators, attempts to use WYSIWYG editors to create structured
layouts typically lead to frustration and compromise. With this module, you can
easily position chunks of content (Paragraph bundles) within a structured
layout of your own design.
This suite of [Paragraphs](https://www.drupal.org/project/paragraphs) bundles
works within the [Tailwind CSS](https://tailwindcss.com/) framework.
* For a full description of the module, visit the project page:
* To submit bug reports and feature suggestions, or to track changes:
This module is built on the premise that all good things in Drupal 8 are
entities and we can use Paragraphs and Reference fields to allow our content
creators to harness the power of the Tailwind CSS framework for functionality
and layout.
This module is ready for Drupal 9.
## Bundle Types
* Simple HTML
### Other Bundle Types to come as soon as possible
* Image
* Blank
* Accordion
* Carousel
* Columns (Equal, up to 6)
* Columns (Three Uneven)
* Columns (Two Uneven)
* Contact Form
* Drupal Block
* Modal
* Tabs
* View
## REQUIREMENTS
This module requires the following modules outside of Drupal core:
* [Entity Reference Revisions](https://www.drupal.org/project/entity_reference_revisions)
* [Paragraphs](https://www.drupal.org/project/paragraphs)
* [Views Reference Field](https://www.drupal.org/project/viewsreference)
* Tailwind CSS framework and JS included in your theme
* Check the [TWEco](https://github.com/drupix/tweco) Theme that was built
on top of Tailwind CSS
## INSTALLATION
* Install as you would normally install a contributed Drupal module. Visit:
for further information.
* Verify installation by visiting /admin/structure/paragraphs_type and seeing
your new Paragraph bundles.
* On the Simple and ~~Blank~~ bundles, select Manage fields and choose which Text
formats to use.
We recommend a *Full HTML* for the Simple ~~~and a *Full HTML - No Editor* for
the Blank~~~.
## CONFIGURATION
* Go to your content type and add a new field of type Entity revisions,
Paragraphs.
* Allow unlimited so creators can add more than one Paragraph to each node.
* On the field edit screen, you can add instructions, and choose which
bundles you want to allow for this field. Check all but Accordion Section and
Tab Section. Those should only be used inside Accordions and Tabs.
* Arrange them as you see fit. I prefer Simple, Image, and Blank at the top,
then the rest in Alphabetical order. Select Save Settings.
* Adjust your form display, placing the field where you want it.
* Add the field into the Manage display tab.
* Start creating content!
## MAINTAINERS
Current maintainers:
* [drupix](https://www.drupal.org/u/drupix)
This project has been sponsored by:
* [drupal-solutions.ch](https://drupal-solutions.ch)