New
Build your own Storybook GPTVisual test with Chromatic
Star81,173

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,389 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI