@bdt-component-library/typography

Typography Component

About

This is a component published as its own package from our component library monorepo: https://github.com/BenefitsDataTrust/ui-components. Setup instructions, as well as higher-level goals and concerns can be found from the main project README.

Description

Handles display of text according to typography style guide conventions.

• https://zeroheight.com/990ea04ab/p/172ffa-typography

API

prop	type	required	default	explanation
display	enum("default"	"light")	no	"default"
children	React node	yes	n/a	The text to display
className	string	no	n/a	Adds an optional classname to the component
id	string	no	n/a	Adds an optional id to the component
variant	enum("h1", "h2", "h3", "h4", "h5", "h6", "p")	no	"p"	Changes the primary text style
noBottomMargin	boolean	no	false	Adds optional bottom margin
body	enum("default", "small", "smallCaps")	no	"default"	Changes text secondary styles