Simply VC UI Kit

Simply VC UI Kit is a library of reusables web components meant to build web experiences. It's developed on top of Ionic Framework (Javascript version of the library) using Stencil as a web component compiler and Storybook for testing the component's different states in isolation.

Summary

• Installing
• Using
• Bug Report
• Who We Are

Installing

Installing the latest version of the package:

npm i @simply-vc/uikit

Using

Regardless of how you are going to consume the library (either importing or loading it via script tag), you must load both JS and CSS to get the library ready to use.

Import

// index.ts
import '@simply-vc/uikit';

/* style.css aka main CSS file */
@import '~@simply-vc/uikit/dist/uikit/uikit.css';

Script tag

<!-- index.html -->
<link href="https://unpkg.com/@simply-vc/uikit/dist/uikit/uikit.css" rel="stylesheet">

<!-- Kindly note that only one script will be downloaded (the browser is smart enough to decide which is best) -->
<script type="module" src="https://unpkg.com/@simply-vc/uikit/dist/uikit/uikit.esm.js"></script>
<script nomodule src="https://unpkg.com/@simply-vc/uikit/dist/uikit/uikit.js"></script>

Voilà! All components are available, although only the used ones on a given page will be actually downloaded. Thanks StencilJS ❤️.

Bug Report

Feel free to reach us out here: panic-team@simply-vc.com.mt

Who We Are

Simply VC runs highly reliable and secure infrastructure in our own datacentre in Malta, built with the aim of supporting the growth of the blockchain ecosystem. Read more about us on our website and Twitter:

• Website: https://simply-vc.com.mt/
• Twitter: https://twitter.com/Simply_VC