GitHunt
DR

drupix/tw_paragraphs

๐ŸฆŠ A suite of Paragraph bundles made for Tailwind CSS framework.

Tailwind CSS Paragraphs

drupal
tailwindcss
LICENSE

โš ๏ธ 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 bundles
works within the Tailwind CSS framework.

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:

INSTALLATION

  • Install as you would normally install a contributed Drupal module. Visit:
    https://www.drupal.org/node/1897420 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:

This project has been sponsored by:

Languages

Twig95.6%CSS4.4%

Contributors

GNU General Public License v2.0
Created November 8, 2021
Updated August 26, 2024
drupix/tw_paragraphs | GitHunt