@real-system/typography

Real System Typography components

Usage no npm install needed!

<script type="module">
  import realSystemTypography from 'https://cdn.skypack.dev/@real-system/typography';
</script>

README

@real-system/typography

Real System's Typography components.

npm version

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>
  )
}