@happyfresh/typography
v1.7.0
Published
HappyFresh UI components that is a typography
Downloads
71
Keywords
Readme
Typography
Typography packages contains Heading, span (as subtile) and paragraph. Subtitle and paragraph has two types while Heading is consists of H1, H2, H3, H4, H5, H6
Installation
yarn add @happyfresh/typography
Usage
import React from 'react';
import { typography} from './src/index';
const { H1, H2, H3, H4, H5, H6, P, Subtitle } = typography;
export const TypographyBasic = () => (
<React.Fragment>
<H1>
Heading 1
</H1>
<H2>
Heading 2
</H2>
<H3>
Heading 3
</H3>
<H4>
Heading 4
</H4>
<H5>
Heading 5
</H5>
<H6>
Heading 6
</H6>
<Subtitle kind='primary'>
Subtitle 1 (primary)
</Subtitle>
<Subtitle kind='secondary'>
Subtitle 2 (secondary)
</Subtitle>
<P kind='primary'>
Paragraph 1 (primary)
</P>
<P kind='secondary'>
Paragraph 2 (secondary)
</P>
</React.Fragment>
);