Story

The Story component adds a default style, formatting and spacing for a longer text with main focus on readability.

TODO: More information can be found in the typography documentation.

When to use

Utilize the Story component for long-form textual content where readability is a priority.
Apply this component to display stories, articles, or detailed explanations that require attention to text formatting and spacing for enhanced reader engagement.

When not to use

Avoid using the Story component for short text content or where text formatting and readability are not the primary concerns.
Do not use it for content that primarily requires interactive elements or multimedia integration.

Content

Readability

The Story component is designed to optimize the readability of long text content. Its default styling and spacing are tailored to ensure that extended text is easy to read and visually appealing.

Customization

While the component provides default styling, it also allows for customization through the className property, enabling the adaptation of the component to various design requirements.

Text

References

Storybook