README
@real-system/typography
Real System's Typography components.
Usage
# install peer dependencies
# npm
$ npm install @real-system/styling-library @real-system/box-primitive @real-system/utils-library react react-dom
# yarn
$ yarn add @real-system/styling-library @real-system/box-primitive @real-system/utils-library react react-dom
# install typography
# npm
$ npm install @real-system/typography
# yarn
$ yarn add @real-system/typography
Code Example
import { ThemeProvider } from '@real-system/theme-library';
import { Typography } from '@real-system/typography';
/** can also import Heading separately like this
* import { Heading } from '@real-system/typography';
*/
const MyComponent = () => {
return (
<ThemeProvider>
<Typography.Heading as="h1" variant="heading1">Heading 1</Typography>
<Typography>Body text...</Typography>
</ThemeProvider>
)
}