Made-With-Collection

Made-with-collection a badge provider based on simple-icons for websites.

Disclaimer

Simple icons provides icons that may include a license, copyright or trademarkes. Before any usage, read the simple-icons disclaimer before using this library.

Preview

Installation

• You can install it using npm

npm i made-with-collection

• By downloading the latest release
• Or using a CDN

Import

Using module import

import MadeWith from "path/to/dist/made-with-module.js";

// Then you can conditionnaly enable it using the 'enable' function
MadeWith.enable();

⚠ This method only works using npm or the latest release. If your using an external js file to write the code above, you'll need to add the type="module" when importing the script.

Using a CDN

Simply link the CDN to your html page like this

<script src="https://cdn.jsdelivr.net/npm/made-with-collection@latest/dist/made-with.js"></script>

<!-- Or the minified version -->
<script src="https://cdn.jsdelivr.net/npm/made-with-collection@latest/dist/made-with.min.js"></script>

Usage

First, you need to provide a custom class made-with to detect which element needs to be converted into a made-with badge.

Then, you'll ne provide html data attributs. There are currently 3 parameters available :

• data-mw-icon
• data-mw-size
• data-mw-theme

| Attribut | Values | Default | | -------- | ------ | ------- | |data-mw-icon| Any icon available on simple-icons|none |data-mw-size| small, medium, large| medium| data-mw-theme | light, dark | light|

Examples are provided onto the /test folder.

<div class="made-with" data-mw-icon="[ICON_SLUG]" data-mw-size="medium" data-mw-theme="light"></div>

Hope you like it 👍