JSFiddle - React, Tailwind, and code Playground

HTML

<html>

<head>
    <meta charset="UTF-8">
    <title>Componentes para Series de Tiempo</title>
    <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css" media="all" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/datosgobar/series-tiempo-ar-explorer@ts_components_2.9.0/dist/css/components.css" type="text/css">
</head>

<style>
    body {text-align: center;}
</style>

<body>
    <h2>Tarjetas de series de tiempo</h2>
    <br>
    <div class="col" id="card1"></div>

    <script>
        window.onload = function () {

        		TSComponents.Card.render('card1', {
                serieId: '143.3_NO_PR_2004_A_21',
                hasChart: 'small',
                links: 'full',
                locale: 'AR',
                color: '#F9A822',
                explicitSign: true,
                title: 'Titulo personalizado',
                source: 'Fuente primaria: Mi Fuente',
                units: '',
                hasFrame: false,
                hasColorBar: true
    				})

        }
    </script>

    <script type='text/javascript' src='https://cdn.jsdelivr.net/gh/datosgobar/series-tiempo-ar-explorer@ts_components_2.9.0/dist/js/components.js'></script>
</body>

</html>