Skip to main content

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

PropTypeDefaultDescription
titlestringrequiredSection heading
childrenReactNoderequiredParagraph content

See Serenity in action

A short walkthrough focused on one of your use cases.