ats-form-react-pdf-renderer 4.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md ADDED
@@ -0,0 +1,162 @@
1
+ <p align="center">
2
+ <img src="https://user-images.githubusercontent.com/5600341/27505816-c8bc37aa-587f-11e7-9a86-08a2d081a8b9.png" height="280px">
3
+ <p align="center">React renderer for creating PDF files on the browser and server<p>
4
+ <p align="center">
5
+ <a href="https://www.npmjs.com/package/@react-pdf/renderer">
6
+ <img src="https://img.shields.io/npm/v/@react-pdf/renderer.svg" />
7
+ </a>
8
+ <a href="https://travis-ci.org/diegomura/react-pdf">
9
+ <img src="https://img.shields.io/travis/diegomura/react-pdf.svg" />
10
+ </a>
11
+ <a href="https://github.com/diegomura/react-pdf/blob/master/LICENSE">
12
+ <img src="https://img.shields.io/github/license/diegomura/react-pdf.svg" />
13
+ </a>
14
+ <a href="https://spectrum.chat/react-pdf">
15
+ <img src="https://withspectrum.github.io/badge/badge.svg" />
16
+ </a>
17
+ <a href="https://github.com/prettier/prettier">
18
+ <img src="https://img.shields.io/badge/styled_with-prettier-ff69b4.svg" />
19
+ </a>
20
+ </p>
21
+ </p>
22
+
23
+ ## How to install
24
+
25
+ ```sh
26
+ yarn add @react-pdf/renderer
27
+ ```
28
+
29
+ ## How it works
30
+
31
+ ```jsx
32
+ import { Document, Page, Text, View, StyleSheet } from '@react-pdf/renderer';
33
+
34
+ // Create styles
35
+ const styles = StyleSheet.create({
36
+ page: {
37
+ flexDirection: 'row',
38
+ backgroundColor: '#E4E4E4',
39
+ },
40
+ section: {
41
+ margin: 10,
42
+ padding: 10,
43
+ flexGrow: 1,
44
+ },
45
+ });
46
+
47
+ // Create Document Component
48
+ const MyDocument = () => (
49
+ <Document>
50
+ <Page size="A4" style={styles.page}>
51
+ <View style={styles.section}>
52
+ <Text>Section #1</Text>
53
+ </View>
54
+ <View style={styles.section}>
55
+ <Text>Section #2</Text>
56
+ </View>
57
+ </Page>
58
+ </Document>
59
+ );
60
+ ```
61
+
62
+ ### `Web.` Render in DOM
63
+
64
+ ```jsx
65
+ import ReactDOM from 'react-dom';
66
+ import { PDFViewer } from '@react-pdf/renderer';
67
+
68
+ const App = () => (
69
+ <PDFViewer>
70
+ <MyDocument />
71
+ </PDFViewer>
72
+ );
73
+
74
+ ReactDOM.render(<App />, document.getElementById('root'));
75
+ ```
76
+
77
+ ### `Node.` Save in a file
78
+
79
+ ```jsx
80
+ import ReactPDF from '@react-pdf/renderer';
81
+
82
+ ReactPDF.render(<MyDocument />, `${__dirname}/example.pdf`);
83
+ ```
84
+
85
+ ## Examples
86
+
87
+ For each example, try opening `output.pdf` to see the result.
88
+
89
+ <table>
90
+ <tbody>
91
+ <tr>
92
+ <td align="center" valign="top">
93
+ <a href="https://github.com/diegomura/react-pdf/tree/master/packages/examples/src/text/">
94
+ <img width="150" height="150" src="https://github.com/diegomura/react-pdf/blob/master/packages/examples/src/text/thumb.png?raw=true">
95
+ </a>
96
+ <br>
97
+ <a href="https://github.com/diegomura/react-pdf/tree/master/packages/examples/src/text/">Text</a>
98
+ </td>
99
+ <td align="center" valign="top">
100
+ <a href="https://github.com/diegomura/react-pdf/tree/master/packages/examples/src/resume/">
101
+ <img width="150" height="150" src="https://github.com/diegomura/react-pdf/blob/master/packages/examples/src/resume/thumb.png?raw=true">
102
+ </a>
103
+ <br>
104
+ <a href="https://github.com/diegomura/react-pdf/tree/master/packages/examples/src/resume/">Resume</a>
105
+ </td>
106
+ <td align="center" valign="top">
107
+ <a href="https://github.com/diegomura/react-pdf/tree/master/packages/examples/src/fractals/">
108
+ <img width="150" height="150" src="https://github.com/diegomura/react-pdf/blob/master/packages/examples/src/fractals/thumb.png?raw=true">
109
+ </a>
110
+ <br>
111
+ <a href="https://github.com/diegomura/react-pdf/tree/master/packages/examples/src/fractals/">Fractals</a>
112
+ </td>
113
+ </tr>
114
+ </tbody>
115
+ </table>
116
+ <table>
117
+ <tbody>
118
+ <tr>
119
+ <td align="center" valign="top">
120
+ <a href="https://github.com/diegomura/react-pdf/tree/master/packages/examples/src/knobs/">
121
+ <img width="150" height="150" src="https://github.com/diegomura/react-pdf/blob/master/packages/examples/src/knobs/thumb.png?raw=true">
122
+ </a>
123
+ <br>
124
+ <a href="https://github.com/diegomura/react-pdf/tree/master/packages/examples/src/knobs/">Knobs</a>
125
+ </td>
126
+ <td align="center" valign="top">
127
+ <a href="https://github.com/diegomura/react-pdf/tree/master/packages/examples/src/pageWrap/">
128
+ <img width="150" height="150" src="https://github.com/diegomura/react-pdf/blob/master/packages/examples/src/pageWrap/thumb.png?raw=true">
129
+ </a>
130
+ <br>
131
+ <a href="https://github.com/diegomura/react-pdf/tree/master/packages/examples/src/pageWrap/">Page wrap</a>
132
+ </td>
133
+ </tr>
134
+ </tbody>
135
+ </table>
136
+
137
+ ## Contributors
138
+
139
+ This project exists thanks to all the people who contribute. [[Contribute]](CONTRIBUTING.md).
140
+ <a href="https://github.com/diegomura/react-pdf/graphs/contributors"><img src="https://opencollective.com/react-pdf/contributors.svg?width=890" /></a>
141
+
142
+ ## Sponsors
143
+
144
+ Thank you to all our sponsors! [[Become a sponsors](https://opencollective.com/react-pdf#sponsors)]
145
+
146
+ <a href="https://opencollective.com/react-pdf#sponsors" target="_blank"><img src="https://opencollective.com/react-pdf/sponsors.svg?width=890"></a>
147
+
148
+ ## Backers
149
+
150
+ Thank you to all our backers! [[Become a backer](https://opencollective.com/react-pdf#backer)]
151
+
152
+ <a href="https://opencollective.com/react-pdf#backers" target="_blank"><img src="https://opencollective.com/react-pdf/backers.svg?width=890"></a>
153
+
154
+ ## License
155
+
156
+ MIT © [Diego Muracciole](http://github.com/diegomura)
157
+
158
+ [![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Ftaylorudell%2Freact-pdf.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2Ftaylorudell%2Freact-pdf?ref=badge_large)
159
+
160
+ ---
161
+
162
+ ![](https://img.shields.io/npm/dt/@react-pdf/renderer.svg?style=flat)