Typography
Styles for headings, paragraphs, lists, and more.
Example
The Legend of the Golden Apple
Chapter 1: The Beginning
Long ago, in a land far away, there was a magical kingdom ruled by a kind and just king. The kingdom was full of riches, and the people were happy and content. But one day, a dark sorcerer cast a curse upon the land, causing the crops to wither and the rivers to dry up.
Chapter 2: The Quest
The king, in his wisdom, knew that the only way to break the curse was to find the legendary Golden Apple. The Golden Apple was said to be guarded by a fierce dragon in a far-off land, and whoever could retrieve it would be granted one wish.
Chapter 3: The Journey
The king called forth his bravest knight, Sir Cedric, to undertake the quest for the Golden Apple. Sir Cedric set out on his journey, facing many dangers and obstacles along the way.
Chapter 4: The Battle
Sir Cedric finally reached the dragon's lair, where he was met with a fierce battle. But Sir Cedric was brave and skilled, and he was able to defeat the dragon and retrieve the Golden Apple.
"With this Golden Apple, I wish for the curse to be lifted and for prosperity to return to our kingdom," Sir Cedric said as he returned to the king.
The king was overjoyed and bestowed many honors upon Sir Cedric, including:
- Knight of the Realm
- Duke of the Kingdom
- Protector of the Golden Apple
The curse was lifted, and the kingdom returned to its former glory. Sir Cedric was hailed as a hero and his legend lived on for generations to come.
The End
Prose
Using the prose prop will apply styles for headings, paragraphs, lists, and
more.
The Legend of the Golden Apple
Chapter 1: The Beginning
Long ago, in a land far away, there was a magical kingdom ruled by a kind and just king. The kingdom was full of riches, and the people were happy and content. But one day, a dark sorcerer cast a curse upon the land, causing the crops to wither and the rivers to dry up.
Chapter 2: The Quest
The king, in his wisdom, knew that the only way to break the curse was to find the legendary Golden Apple. The Golden Apple was said to be guarded by a fierce dragon in a far-off land, and whoever could retrieve it would be granted one wish.
Chapter 3: The Journey
The king called forth his bravest knight, Sir Cedric, to undertake the quest for the Golden Apple. Sir Cedric set out on his journey, facing many dangers and obstacles along the way.
Chapter 4: The Battle
Sir Cedric finally reached the dragon's lair, where he was met with a fierce battle. But Sir Cedric was brave and skilled, and he was able to defeat the dragon and retrieve the Golden Apple.
"With this Golden Apple, I wish for the curse to be lifted and for prosperity to return to our kingdom," Sir Cedric said as he returned to the king.
The king was overjoyed and bestowed many honors upon Sir Cedric, including:
- Knight of the Realm
- Duke of the Kingdom
- Protector of the Golden Apple
The curse was lifted, and the kingdom returned to its former glory. Sir Cedric was hailed as a hero and his legend lived on for generations to come.
The End
Title
- Name
variant- Type
- [primary, secondary, special]
- Description
The variant of the title.
- Name
children- Type
- React.ReactNode
- required
- *
- Description
The content of the title.
Variant
There are some default styles for the title. You can change the variant to change the style.
Default
Primary
Secondary
Special
Paragraph
- Name
variant- Type
- [primary, secondary]
- Description
The variant of the paragraph.
- Name
children- Type
- React.ReactNode
- required
- *
- Description
The content of the paragraph.
Variant
There are some default styles for the paragraph. You can change the variant to change the style.
Once upon a time, there was a React component named SelfTest. SelfTest was special because it had the ability to test itself. Every time the component rendered, it would run a series of tests to ensure that it was working properly. The tests were thorough and covered all of the component's functionality. SelfTest was proud of its ability to test itself and never failed a single test.
Once upon a time, there was a React component named SelfTest. SelfTest was special because it had the ability to test itself. Every time the component rendered, it would run a series of tests to ensure that it was working properly. The tests were thorough and covered all of the component's functionality. SelfTest was proud of its ability to test itself and never failed a single test.