{"repo":"giscus/giscus-component","free":true,"listed":false,"github":"https://github.com/giscus/giscus-component","clone":"git clone https://github.com/giscus/giscus-component.git","description":"Component library for giscus, a comment system powered by GitHub Discussions.","language":"TypeScript","stars":436,"topics":["giscus","comment-system","github-discussions","react","vue","svelte","lit","web-components","hacktoberfest","solid"],"license":"MIT","category":"ui-components","readme_excerpt":"giscus-component A wrapper component for giscus 💎, a comments system powered by GitHub Discussions. Currently available for React, Vue, Svelte, Solid, and as a Web Component. Documentation Using the React, Vue, Svelte, or Solid component To use the React, Vue, Svelte, or Solid component, install the corresponding package. Then, import the default export from the package. Example for React: The prop names are the same as the data- attributes shown on the [giscus website][giscus], but written in camelCase with the data- prefix and dashes removed. Using the web component To use the Web component, install the giscus package. Then import it in your code. Alternatively, you can also use a bundling CDN like [esm.sh][esm]. Then use it in your HTML. The attribute names are the same as the data- attributes shown on the [giscus website][giscus], but written in lowercase with the data- prefix and dashes removed. Changing the styles You can style the in your CSS by selecting the web component, or the iframe part specifically. For example: You can also make the widget scrollable by creating a parent container with a limited height and overflow: scroll , for example: Note that this only allows you to style the element and not the iframe's contents . If you want to style the contents, you need to [use a custom theme][custom-theme]. Notes When you change the props/attributes of the React, Vue, and web components, they will automatically update the giscus configuration using postMessage() to ","default_branch":null,"files":null,"tree":[],"storefront":"/r/giscus","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/giscus/giscus-component/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}