Installation

You can install Taslonic in your project either using a Package Manager or getting it directly from a CDN.

Package Manager

If you manage your project dependencies using a package manager (strongly recommended), you can install Taslonic using either NPM or Yarn:

React

npm install --save @glorious/taslonic-react

yarn add @glorious/taslonic-react

Vue

npm install --save @glorious/taslonic-vue

yarn add @glorious/taslonic-vue

CDN

If you're not into package management or want to give Taslonic a quick try using a standalone HTML file, you can load it from a third-party CDN provider. There are two options: JS Deliver and UNPKG.

<!-- React -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@glorious/taslonic-react/dist/taslonic.css">
<script src="https://cdn.jsdelivr.net/npm/@glorious/taslonic-react/dist/index.js"></script>
<!-- Vue -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@glorious/taslonic-vue/dist/taslonic.css">
<script src="https://cdn.jsdelivr.net/npm/@glorious/taslonic-vue/dist/index.js"></script>

<!-- React -->
<link rel="stylesheet" href="https://unpkg.com/@glorious/taslonic-react/dist/taslonic.css">
<script src="https://unpkg.com/@glorious/taslonic-react/dist/index.js"></script>
<!-- Vue -->
<link rel="stylesheet" href="https://unpkg.com/@glorious/taslonic-vue/dist/taslonic.css">
<script src="https://unpkg.com/@glorious/taslonic-vue/dist/index.js"></script>

You're ready!

Once the installation is complete, you're ready to start using Taslonic components.

Vue Usage

React Usage