@onvo-ai/web-components
Version:
The web component SDK for Onvo AI dashboard builder
42 lines (36 loc) • 2.26 kB
HTML
<html lang="en">
<head>
<title>Onvo web components test</title>
<script>
window.globalFn = function (selected) {
console.log("Dashboard: ", selected);
}
</script>
<style>
html,
body {
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<onvo-copilot base-url="https://dashboard.onvo.ai"
user-token="eyJhbGciOiJIUzI1NiJ9.eyJyb2xlIjoiYXV0aGVudGljYXRlZCIsImFwcF9tZXRhZGF0YSI6eyJkYXNoYm9hcmRzIjpbImI1ZDYzYzFiLTQ2ZDctNDk5MC1hOGRlLWQ3MmJlYTM0ZmQ2MiJdLCJwYXJlbnRfdGVhbSI6IjM1N2MyODFjLTQzNDctNDc3OC1hNTc1LTZhYWJlNGM4MzFiYyJ9LCJzdWIiOiIzMjEzYmViMy02NWEwLTRhNDUtYTliNC0wZjI0NmRhOTYwZWIiLCJhdWQiOiJhdXRoZW50aWNhdGVkIiwiaWF0IjoxNzQwNzY0NzIzfQ.B2Smr_5dj9lOvMFS1lwd2U-nGze6qZsDVMZKW4S0XjU"
icon-variant="large" dashboard-id="b5d63c1b-46d7-4990-a8de-d72bea34fd62" copilot-variant="copilot"
button-right-offset="100" button-bottom-offset="20"></onvo-copilot>
<div style="display: flex; flex-direction: row; height: 100vh; width: 100vw; position: relative;">
<div style="height: 100%; width: 640px; padding: 10px;">
<onvo-dashboard-list num-columns="1" list-variant="grid" base-url="https://dashboard.onvo.ai"
user-token="eyJhbGciOiJIUzI1NiJ9.eyJyb2xlIjoiYXV0aGVudGljYXRlZCIsImFwcF9tZXRhZGF0YSI6eyJkYXNoYm9hcmRzIjpbImI1ZDYzYzFiLTQ2ZDctNDk5MC1hOGRlLWQ3MmJlYTM0ZmQ2MiJdLCJwYXJlbnRfdGVhbSI6IjM1N2MyODFjLTQzNDctNDc3OC1hNTc1LTZhYWJlNGM4MzFiYyJ9LCJzdWIiOiIzMjEzYmViMy02NWEwLTRhNDUtYTliNC0wZjI0NmRhOTYwZWIiLCJhdWQiOiJhdXRoZW50aWNhdGVkIiwiaWF0IjoxNzQwNzY0NzIzfQ.B2Smr_5dj9lOvMFS1lwd2U-nGze6qZsDVMZKW4S0XjU"></onvo-dashboard-list>
</div>
<div style="position: relative; flex-grow: 1; width: 100%">
<onvo-dashboard base-url="https://dashboard.onvo.ai"
user-token="eyJhbGciOiJIUzI1NiJ9.eyJyb2xlIjoiYXV0aGVudGljYXRlZCIsImFwcF9tZXRhZGF0YSI6eyJkYXNoYm9hcmRzIjpbImI1ZDYzYzFiLTQ2ZDctNDk5MC1hOGRlLWQ3MmJlYTM0ZmQ2MiJdLCJwYXJlbnRfdGVhbSI6IjM1N2MyODFjLTQzNDctNDc3OC1hNTc1LTZhYWJlNGM4MzFiYyJ9LCJzdWIiOiIzMjEzYmViMy02NWEwLTRhNDUtYTliNC0wZjI0NmRhOTYwZWIiLCJhdWQiOiJhdXRoZW50aWNhdGVkIiwiaWF0IjoxNzQwNzY0NzIzfQ.B2Smr_5dj9lOvMFS1lwd2U-nGze6qZsDVMZKW4S0XjU"
dashboard-id="b5d63c1b-46d7-4990-a8de-d72bea34fd62"></onvo-dashboard>
</div>
</div>
</div>
</body>
</html>