[![Github Build](https://github.com/scriptex/socials/workflows/Build/badge.svg)](https://github.com/scriptex/socials/actions?query=workflow%3ABuild) [![Codacy Badge](https://app.codacy.com/project/badge/Grade/34d3d75710534dc6a38c3584a1dcd068)](https://www.codacy.com/gh/scriptex/socials/dashboard?utm_source=github.com&utm_medium=referral&utm_content=scriptex/socials&utm_campaign=Badge_Grade) [![CodeFactor Badge](https://www.codefactor.io/repository/github/scriptex/socials/badge)](https://www.codefactor.io/repository/github/scriptex/socials) [![DeepScan grade](https://deepscan.io/api/teams/3574/projects/5257/branches/40799/badge/grade.svg)](https://deepscan.io/dashboard#view=project&tid=3574&pid=5257&bid=40799) [![Analytics](https://ga-beacon.atanas.info/api/analytics?account=UA-83446952-1&page=GitHub.com/scriptex/socials&pixel)](https://github.com/scriptex/socials/) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/scriptex-socials) # Atanas Atanasov's Socials > Links to various social media This is a native web component built with TypeScript, with no dependencies, which lists links to various social medias. ## Install ```sh npm i scriptex-socials # or yarn add scriptex-socials ``` ## Usage In your JavaScript/TypeScript entry point: ```javascript import 'scriptex-socials'; ``` You can also include the web component directly from **unpkg.com**: ```javascript import('https://unpkg.com/scriptex-socials'); ``` or ```html ``` Then add the component in your HTML/JSX markup: ```html

``` ## React with TypeScript If you're using React with TypeScript, you need to extends the JSX `IntrinsicElements` interface so TypeScript knows that the `social-links` element exists. You can do so in a `custom.d.ts` file in your project's root folder. Don't forget to add that file in your `tsconfig.json`! ```typescript declare namespace JSX { interface IntrinsicElements { 'social-links': any; } } ``` ## Contents Currently it includes the following: