Text Formatting Components
A comprehensive guide to using text formatting and documentation components.
Text Formatting Components
A comprehensive guide to using text formatting and documentation components.
These components are designed to work with the site's theme and styling. Make sure you have the required dependencies installed.
Basic Text Formatting
The following components provide basic text formatting capabilities:
Italic Text
This text will be italicized - Use for emphasis or highlighting
Underlined Text
This text will be underlined - Use for links or important terms
Bold Text
This text will be bold - Use for strong emphasis
Animation Components
Add dynamic effects to your text:
Pulse Animation
This text will pulse - Subtle attention-grabbing effect
Ping Animation
This text will ping - More pronounced animation effect
Emoji Integration
Add contextual emojis to your content:
Default Navigation Emojis
👉Uses navigation emojis by default👈
Development Categories
🖥️Frontend development🎨
🔌Backend development⚙️
💾Database operations🗃️
Documentation Components
Special components for documentation:
Code Notes
Tips
Warnings
Alert users about potential issues or important considerations
Important Notes
Examples
Composite Components
Combine multiple effects:
Bold with Pulse
Combines bold text with pulse animation
Italic with Emoji
👨💻Combines italic text with relevant emojis💻
Interactive Emoji Animation
👉Emojis move on hover👈
Git Set Upstream
When working on a new repository and you want to create a new branch it'll prompt you to set the upstream branch.
Suspense Wrapper Guide for SSR and Client UX
Learn how to create, use, and master Suspense Wrappers for SSR-heavy apps in Next.js 14+ with real-world examples, best practices, and common pitfalls.