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
npm i scriptex-socials
# or
yarn add scriptex-socials
Usage
In your JavaScript/TypeScript entry point:
import 'scriptex-socials';
You can also include the web component directly from unpkg.com:
import('https://unpkg.com/scriptex-socials');
or
<script async src="https://unpkg.com/scriptex-socials"></script>
Then add the component in your HTML/JSX markup:
<social-links></social-links>
<!-- or with custom color -->
<social-links style="color: red;"></social-links>
<div style="background: black;">
<social-links style="color: white;"></social-links>
</div>
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
!
declare namespace JSX {
interface IntrinsicElements {
'social-links': any;
}
}
Contents
Currently it includes the following:
Go to my website
Send me an email
Find me on LinkedIn
See my projects on Github
See my projects on Gitlab
Follow me on Twitter
See my packages on NPM
See my videos on YouTube
See my profile on StackOverflow
See my work on Codepen
See my profile on Codersrank
See the rest of my links on Linktree
LICENSE
MIT
Connect with me: