Document Viewer Overview
IafDocViewer#
The IafDocViewer takes document IDs and renders the documents in a web page viewer. The IafDocViewer identifies the file type based on the properties of the file uploaded to the system.
Props#
| Prop | Type | Required | Description |
|---|---|---|---|
docIds | Array<JSON Object> | Required | Pass an array of JSON objects that contain _fileId and _fileVersionId properties and values. |
docIds.[]._fileId | String | Required | Pass a file's ID. |
docIds.[]._fileVersionId | String | Optional | Pass a file version's ID. |
style | JSON Object | Optional | Pass a JSON object with height and width properties. |
style.height | String | Optional | Takes a percent value between 0% and 100% for the document display height. |
style.width | String | Optional | Takes a percent value between 0% and 100% for the document display width. |
Example#
The following in an example of a docIds array:
docIds = [ { "_fileId": "da9a12ac-699c-4232-8c06-fc789eb9d6e5" }, { "_fileId": "aa51b6b9-8c61-4bea-a5bf-66fd4d423f9e", "_fileVersionId": "81266d27-7fb6-4c80-bf3c-77038ffdbfd7" }]The following example is an IafDocViewer component invocation:
<IafDocViewer docIds={docIds} style={{ height: '100%', width: '100%' }}/>