Text Component
Simple text block with a title and paragraph content. Use for problem statements, explanations, or any text sections.
Basic Usage
The Problem
This is a paragraph of text that explains something important. It can contain multiple sentences and provide detailed information about a topic.
Multiple Text Blocks
First Section
This is the first paragraph explaining the initial concept. It provides context and sets the stage for what follows.
Second Section
This is the second paragraph that builds on the first. It provides additional details and expands on the topic introduced above.
Third Section
Finally, this third paragraph wraps things up. It can be used to summarize or provide a call to action.
Long Content
Detailed Explanation
Here is a much longer paragraph that demonstrates how the component handles extended content. This might be useful for detailed explanations, background information, or comprehensive descriptions of complex topics. The component will automatically handle the text layout and ensure proper spacing and typography throughout the content block. You can include as much text as needed to fully explain your point.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | required | Section heading |
children | ReactNode | required | Paragraph content |