Typography.md

Customize Header Tags

Steps to customize theme for Header Tag attributes:

Property	Description
fontSizeH1	Font size for H1
lineHeightH1	Line height for H1
fontSizeH2	Font size for H2
lineHeightH2	Line height for H2
fontSizeH3	Font size for H3
lineHeightH3	Line height for H3

Syntax

import React, { Component } from 'react';
import { Container, Content, H1, H2, H3 } from 'native-base';
import myTheme from './Themes/myTheme';
export default class ThemeTypographyExample extends Component {
    render() {
        return (
            <Container>
                <Content theme={myTheme}>
                    <H1>Header One</H1>
                    <H2>Header Two</H2>
                    <H3>Header Three</H3>
                </Content>
            </Container>
        );
    }
}