Tailwind CSSIntermediate
Tailwind Plugins
Tailwind-এ plugins, official plugins এবং third-party plugins — কীভাবে extend করবেন।
11টি অংশবাংলা ভাষায়
Tailwind plugins দিয়ে framework-কে আরও powerful করা যায়। Plugins নতুন utilities, components এবং base styles যোগ করে।
Official Plugins
| Plugin | কাজ |
|---|---|
| @tailwindcss/typography | Prose content styling |
| @tailwindcss/forms | Form element styling |
| @tailwindcss/container-queries | Container queries |
| @tailwindcss/line-clamp | Text truncation |
Plugin Install
Terminalbash
bash
# v4: CSS-এ import
npm install @tailwindcss/typography
# Terminalsrc/index.css (v4)css
css
@import "tailwindcss";
@plugin "@tailwindcss/typography";Typography Plugin
<!-- prose class দিয়ে rich content styling -->
<article class="prose prose-lg dark:prose-invert max-w-none">
<h1>Article Title</h1>
<p>This is a paragraph with <strong>bold</strong> and <em>italic</em>.</p>
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
</article>Third-party Plugins
- DaisyUI — 50+ pre-built components
- Headless UI — unstyled, accessible components
- tailwindcss-animate — animation utilities
- tailwind-merge — merge Tailwind classes programmatically
Plugin বাছাই
প্রয়োজন অনুযায়ী plugin বাছাই করুন। সব plugin একসাথে ব্যবহার করলে CSS bundle size বাড়তে পারে।
শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।