Skip to content

Commit 4f1a8cf

Browse files
added props and example for Thumbnails
1 parent 3ef0502 commit 4f1a8cf

5 files changed

Lines changed: 235 additions & 159 deletions

File tree

README.md

Lines changed: 19 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -145,37 +145,37 @@ React component prop. types:
145145
- Required: **false**
146146
- Description: A function that will be called on clicking on document load, total page number can be accessed in the function.
147147

148-
* `css`:
148+
- `css`:
149149

150150
- Type: _String_
151151
- Required: **false**
152152
- Description: CSS classes that will be setted for the component wrapper
153153

154-
* `canvasCss`:
154+
- `canvasCss`:
155155

156156
- Type: _String_
157157
- Required: **false**
158158
- Description: CSS classes that will be setted for the PDF page
159159

160-
* `hideNavbar`:
160+
- `hideNavbar`:
161161

162162
- Type: _Boolean_
163163
- Required: **false**
164164
- Description: By default navbar is displayed, but can be hidden by passing this prop
165165

166-
* `navbarOnTop`:
166+
- `navbarOnTop`:
167167

168168
- Type: _Boolean_
169169
- Required: **false**
170170
- Description: By default navbar is displayed on bottom, but can be placed on top by passing this prop
171171

172-
* `hideZoom`:
172+
- `hideZoom`:
173173

174174
- Type: _Boolean_
175175
- Required: **false**
176176
- Description: By default zoom buttons are displayed, but can be hidden by passing this prop
177177

178-
* `hideRotation`:
178+
- `hideRotation`:
179179

180180
- Type: _Boolean_
181181
- Required: **false**
@@ -193,20 +193,30 @@ React component prop. types:
193193
- Required: **false**
194194
- Description: A custom alerf element that will be shown on error
195195

196+
- `showThumbnail`:
197+
198+
- Type:
199+
```js
200+
PropTypes.shape({
201+
scale: PropTypes.number, // Thumbnail scale, ranges from 1 to 5
202+
rotationAngle: PropTypes.number, // Thumbnail rotation angle, values can be -90, 0 or 90. Default is 0
203+
})
204+
```
205+
196206
- `protectContent`:
197207

198208
- Type: _Boolean_
199209
- Required: **false**
200210
- Description: By default Right Click and Context Menu are enabled, but can be disabled by passing this prop
201211

202-
* `watermark`:
212+
- `watermark`:
203213

204214
- Type:
205215
```js
206216
PropTypes.shape({
207-
text: PropTypes.string, //Watermark text
217+
text: PropTypes.string, // Watermark text
208218
diagonal: PropTypes.bool, // Watermark placement true for Diagonal, false for Horizontal
209-
opacity: PropTypes.string, // Watermark opacity ranges from 0 to 1
219+
opacity: PropTypes.string, // Watermark opacity, ranges from 0 to 1
210220
font: PropTypes.string, // custom font name default is 'Comic Sans MS'
211221
size: PropTypes.string, // Fontsize of Watermark
212222
color: PropTypes.string, // Color(hexcode) of the watermark

0 commit comments

Comments
 (0)