Guía rápida

npm

bash

npm install comment-section

Uso en HTML plano

Importa el script y usa la etiqueta directamente:

html

<script type="module">
  import "comment-section";
</script>

<comment-section></comment-section>

Uso en React / Next.js

Los Web Components se usan como etiquetas HTML normales en JSX:

jsx

import "comment-section";

function App() {
  return (
    <div>
      <h1>Mi sitio</h1>
      <comment-section
        max-comments="6"
        placeholder="Deja tu comentario..."
        theme="dark"
      />
    </div>
  );
}

Uso en Astro

Importa en el script del componente o página:

astro

---
// index.astro
---
<html>
  <body>
    <comment-section max-comments="9" />
  </body>
</html>

<script>
  import "comment-section";
</script>

CDN (sin npm)

Si no usas npm, carga desde CDN:

html

<script src="https://unpkg.com/comment-section"></script>
<comment-section theme="light"></comment-section>

Build desde el repo

bash

git clone https://github.com/ingyesid24/components-comentarios.git
cd components-comentarios
npm install
npm run build

Los archivos compilados quedan en dist/. Copia comment-section.es.js o comment-section.umd.js a tu proyecto.