Typeset

Watch a video tutorial on the Storybook channel

The Typeset block helps document the fonts used throughout your project.

Screenshot of Typeset block

Typography.mdx
Loading...

Typeset

Loading...

Typeset is configured with the following props:

fontFamily

Type: string

Provides a font family to be displayed.

fontSizes

Type: number[]

Provides a list of available font sizes (in px).

fontWeight

Type: number

Specifies the weight of the font to be displayed.

sampleText

Type: string

Sets the text to be displayed.

Was this page helpful?

Markdown accepted ([link text](url), _italic_, **bold**, etc). Your anonymous feedback will be posted publicly on GitHub.

✍️ Edit on GitHub – PRs welcome!
Storybook
Join the community
6,561 developers and counting
WhyWhy StorybookComponent-driven UI
DocsGuidesTutorialsChangelogTelemetryStatus
CommunityIntegrationsGet involvedBlog
ShowcaseExploreProjectsComponent glossary
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI