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.
- 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
Library is tested against ECMAScript 6
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
Register Vue plugin:
import Vue from 'vue'
import FastyBirdWebUI from '@fastybird/web-ui-theme'
Vue.use(FastyBirdWebUI)
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>
Add the types to your "types"
array in tsconfig.json.
{
"compilerOptions": {
"types": [
"@fastybird/web-ui-theme"
]
}
}
Learn how to use ui components in documentation.
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.
For release info check release page
Adam Kadlec |
Homepage https://www.fastybird.com and repository https://github.com/FastyBird/web-ui-theme.