Typography - Keep React

A Typography component in Keep React is a reusable element that simplifies text styling, offering a consistent way to format and present text across a web application. It allows developers to easily customize typography properties like font size and weight, promoting code consistency and readability.

Table of Contents#

Heading Typography#

The Heading Typography component in Keep React allows you to style headings easily. Utilize the <Typography> component with the variant prop, offering six heading types from "heading-1" to "heading-6".

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Description Typography#

Enhance your content with the Description Typography component in Keep React. Use <Typography> with the variant prop, providing four distinct description styles from "description-1" to "description-4".

Description 1

Description 2

Description 3

Description 4

Body Typography#

Elevate the readability of your text with the Body Typography component in Keep React. Employ <Typography> with the variant prop, featuring six body text styles from "body-1" to "body-6".

Body Text 1

Body Text 2

Body Text 3

Body Text 4

Body Text 5

Body Text 6

Display Typography#

Make a visual impact with the Display Typography component in Keep React. Use <Typography> with the variant prop, offering four display styles from "display-1" to "display-4".

Display 1

Display 2

Display 3

Display 4

API Reference#

For a comprehensive overview of the Typography component's properties, refer to the API documentation.

PropertyDescriptionTypeDefault
variantType of typography variantstringNone
classNameStyle for the typography componentstringNone