A native web component: links to various social media with SVG icons support
MIT License
Links to various social media
This is a native web component built with TypeScript, with no dependencies, which lists links to various social medias.
npm i scriptex-socials
# or
yarn add scriptex-socials
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>
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;
}
}
Currently it includes the following:
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
MIT