Component

You can display the Humance component to select projects in your application. It displays the first projects in the queue from the project groups that you have selected in your account.

The Humance component uses Humance styles and a color scheme that matches the selected project. You can reassign the styles and adapt the appearance of the component to your application.

The Humance component also contains an «info» button, clicking on which opens a modal window with detailed information about Humance and how it works. You can hide this button if necessary, as well as change the styles of the modal window.

To initialize the component in your application, you need to paste the code and pass the <Your order ID>.

<div class="component-humance" data-order-id="You order ID"></div>

You also need to connect external scripts and styles:

Style:

<link rel="stylesheet" href="https://humance.io/company/cdn/css/my-file.css/'public_api_key'" referrerpolicy="no-referrer">

Script:

<script rel="stylesheet" href="https://humance.io/company/cdn/js/my-file.js/'public_api_key'" referrerpolicy="no-referrer"></script>

You can customize the appearance of the component to match your application UI.