Tailwind CSS development

Documentation

Use search-docs for detailed Tailwind CSS v3 patterns and documentation.

Basic usage

• Use Tailwind CSS classes to style HTML. Before introducing new patterns, check and follow the project's existing Tailwind conventions.
• Offer to extract repeated patterns into components that match the project's conventions, such as Blade, JSX, or Vue components.
• Consider class placement, order, priority, and defaults. Remove redundant classes, add classes to parent or child elements carefully to reduce repetition, and group elements logically.

Tailwind CSS v3 specifics

• Always use Tailwind CSS v3 and verify that you use only classes it supports.
• Configure Tailwind in the tailwind.config.js file.
• Import Tailwind with the @tailwind directives: