Tax Documents List Component

Rendering the Component

Authenticate and style this component by importing and calling the renderTaxDocumentsList function from the Abound Client SDK. This function will render the “Tax Documents List” Drop-In UI component in your app.

userId Required

For this Drop-In Component, a userId is required in the accessToken to authenticate the user.

Javascript
1<html>
2    <head>
3        <title>My App</title>
4    </head>
5    <body>
6        <div id="abound-ui-wrapper"></div>
7        <script type="module">
8            import { renderTaxDocumentsList } from "https://js.withabound.com/latest-v3-minor/abound-client-sdk.js";
9
10            // define your custom styles object
11            const styles = {}; // see the styling guide for more information
12
13            // define your callbacks
14            const onReady = () => {
15              console.log("do something when the drop-in is initalized")
16            }
17
18            // render drop-in component
19            renderTaxDocumentsList({
20                accessToken: "accessToken_sampleeyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpYXQiOjE2OTY5ODczNTcsImV4cCI6MTY5Njk4NzY1NywiYXVkIjoiYXBwSWRfc2FtcGxlcU5oVmNkWVFZVSIsImlzcyI6Imh0dHBzOi8vc2FuZGJveC1hcGkud2l0aGFib3VuZC5jb20vdjQiLCJzdWIiOiJ1c2VySWRfc2FtcGxlWEdNRm5oT3BlUiJ9.-NrPVQvsnM8vJouyuP5yeFGlYb1xGgR-gS3v87p5BQk",
21                targetId: "abound-ui-wrapper",
22                styles,
23              	onReady
24            });
25        </script>
26    </body>
27
28</html>

Render Properties

The following properties are available to passed into the renderTaxDocumentsList function:

Property
Description
onReady
(optional, function)		Callback function executed when the component has initialized.
accessToken
(required, string)		The token used to authenticate communication between the client and Abound. Optionally has userId context.
targetId
(required, string)		The value of a node’s id attribute where the UI will be rendered.
styles
(required, object)		A nested object of styling definitions to match the component with your own brand.