Relazon 🚀

You need to have feedbacks on your front-end ? We are here for this

Simple as it should be

Step 1

Install the package using npm

npm install relazon

or Yarn

yarn add relazon

Step 2

Import it in the root of your code

For example in your main.ts / index.js

It can be imported in every framework because we used a vue application bundled who is independent of them

// You can directly request the init function
import {init} from 'relazon';
// Or all methods once
import * as Relazon from 'relazon'
// Finish with the css
import '../node_modules/relazon/dist/style.css';

// Now just init it !
init();

Step 3

Customize your initialisation

The init function accept an object like this

type InitConfig = {
    containerId?: string;
    userToken?: string;
};

init({
    containerId: "the_ID_your_want",
    userToken: "See your admin panel to obtain it" // Today you don't need it
})

Documentation

Exported functions :

init()

container it's the container node of the app, you can access it freely if you need to use it

Exported types :

type InitConfig = {
    containerId?: string;
    userToken?: string;
};

Known bug(s)

When you are using svg imported by images (see below)

<img src="./src/assets/logo.svg" width="150" height="150"/>

You can encounter size of images not corresponding to real front-end You can avoid it by using SVG directly, like this :

<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"
     xmlns:v="https://vecta.io/nano">
    <path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/>
    <path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/>
</svg>