H1. Heading - 1

H2. Heading - 2

H3. Heading - 3

H4. Heading - 4

H5. Heading - 5

H6. Heading - 6

P. Paragraph

1import {H1, H2, H3, H4, H5, H6, P, Span} from 'neutrino-ui';
2
3<H1>H1. Heading - 1</H1>
4<H2>H2. Heading - 2</H2>
5<H3>H3. Heading - 3</H3>
6<H4>H4. Heading - 4</H4>
7<H5>H5. Heading - 5</H5>
8<H6>H6. Heading - 6</H6>
9<P>P. Paragraph</P>
10<Span>Span. Just span</Span>

H1. Heading - 1

H2. Heading - 2

1import {H1, H2, createTheme} from 'neutrino-ui';
2
3const theme = createTheme({
4  typography: {
5    h2: {
6      fontFamily: 'Consolas'
7    }
8  }
9});
10
11<ThemeProvider theme={theme}>
12  <H1 css={{fontFamily: 'Times New Roman'}}>H1. Heading - 1</H1>
13  <H2>H2. Heading - 2</H2>
14</ThemeProvider>