styled-components

styled-components bindings for react-pdf

Installation

yarn add @react-pdf/styled-components

Usage

@react-pdf/styled-components follows the same styled-components API

1import styled from ''@react-pdf/styled-components';
2
3const Heading = styled.Text`
4  margin: 10px;
5  font-size: 22px;
6  font-family: 'Helvetica';
7`;
8
9const MyDocument = () => (
10  <Document>
11    <Page>
12      <Heading>
13        D'oh!
14      </Heading>
15    </Page>
16  </Document>
17)

Supported components

• Document
• Page
• View
• Image
• Text
• Link