View on GitHub

socials

A native web component: links to various social media with SVG icons support

Travis CI Github Build Codacy Badge Codebeat Badge CodeFactor Badge DeepScan grade Analytics Published on webcomponents.org

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 Go to my website Send me an email Send me an email Find me on LinkedIn Find me on LinkedIn See my projects on Github See my projects on Github See my projects on Gitlab See my projects on Gitlab Follow me on Twitter Follow me on Twitter See my packages on NPM See my packages on NPM See my videos on YouTube See my videos on YouTube See my profile on StackOverflow See my profile on StackOverflow See my work on Codepen See my work on Codepen See my profile on Codersrank See my profile on Codersrank See the rest of my links on Linktree See the rest of my links on Linktree

LICENSE

MIT


Connect with me:


                     

Support and sponsor my work: