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.