@fastybird/web-ui-theme v0.10.0

FastyBird web-ui theme library

What is FastyBird web-ui theme library?

This library is a collection of Vue framework components used for FastyBird web application user interfaces.

FastyBird IoT web-ui theme library is an Apache2 licensed distributed library, developed in Typescript with Vue and Nuxt.

Features:

• Web user interface elements like modal windows, buttons, alerts, switches etc.
• Forms elements with support for pre and post-fixes
• Page layout components for desktop and mobile views
• Customizable styles

Requirements

Library is tested against ECMAScript 6

Installation

The best way to install @fastybird/web-ui-theme is using Yarn:

yarn add @fastybird/web-ui-theme

or if you prefer npm:

npm install @fastybird/web-ui-theme

Setup in your application

Register Vue plugin:

import Vue from 'vue'
import FastyBirdWebUI from '@fastybird/web-ui-theme'

Vue.use(FastyBirdWebUI)

Usage

In you component you could use registered visual, form and layouts components:

<template>
    <div>
        Your fancy content here

        <fb-ui-button
          href="/new/page"
          variant="primary"
          size="md"
        >
            Click here
        </fb-ui-button>
    </div>
</template>

Typescript setup

Add the types to your "types" array in tsconfig.json.

{
  "compilerOptions": {
    "types": [
      "@fastybird/web-ui-theme"
    ]
  }
}

Documentation

Learn how to use ui components in documentation.

Feedback

Use the issue tracker for bugs or mail or Tweet us for any idea that can improve the project.

Thank you for testing, reporting and contributing.

Changelog

For release info check release page

Maintainers

Homepage https://www.fastybird.com and repository https://github.com/FastyBird/web-ui-theme.