@vigenere23/gio v1.10.6

gio-library

A Vue design library by Gabriel St-Pierre

:warning: This library is still in its early ages, resulting in many breaking changes. Once the stability will be reached, the package will be moved to @gabio/design.

Installation

yarn add @vigenere23/gio

Usage

In the main.ts/main.js file of your Vue project, add the following lines :

import Vue from 'vue'
import gio from '@vigenere23/gio'
import '@vigenere23/gio/dist/gio.css' // for loading component styles

Vue.use(gio)

You can then use the components without importing them.

Showcase

http://vigenere23.github.io/gio-library-showcase

Documentation

There is no documentation for now. Please read the src/ folder content to know what each file offers. You can also check the showcase/ implementation.

Folder structure

• src/vue/components/ : Vue components
• src/lib/mixins/ : Mixins to be reused in your components
• src/lib/styles/ : SCSS variables and functions for reuse
• src/lib/utils/ : Usefull helpers

NPM module

The npm module for this library is available here. Mixins and styles are available inside the compiled lib/ subfolder.

:warning: This package will soon move to @gio/design.

Future work

This library is going under a massive optimization step. This means that the dynamic markdown capabilities will be removed, but possibly ported to a new package. In the meantime, a new markdown-to-vue compiler is on its way, which will offer better functionnality and speed.