Spectra UI is a library full of functional and themeable components for Vue 3 and written in TypeScript.
This project is still in-development, and is fairly empty still, once it goes into a version 1 release it will be stable to use, but at the moment, it has two components, and both are fairly buggy still :P.
Features
- Hand crafted components
- Lightweight install
- Written in TypeScript
- Themeable components
- Powered by Vue 3
- Included providers
- Built in Fetch HTTP library wrapper
- Licensed under MIT
Install
You will need Vue.js version 3.0+.
# npm
npm install spectra-ui --save
# yarn
yarn add spectra-ui
Usage
All components
import { createApp } from 'vue';
import Spectra from 'spectra-ui';
import 'spectra-ui/dist/style.css';
createApp.use(Spectra);
Or individual components
import { createApp } from 'vue';
import { Modal, TagInput } from 'spectra-ui';
import 'spectra-ui/dist/style.css';
createApp
.use(Modal)
.use(TagInput);
Notes
If you are using npm link
or installing it via a local folder npm install ./path/to/spectra-ui
then in your config you will need to make sure vue is resolved from your project instead of the linked project, as well as making sure to disable symlinks.
const { resolve } = require('path');
module.exports = {
chainWebpack: (config) => {
config.resolve.symlinks(false);
config.resolve.alias.set('vue$', resolve(__dirname, 'node_modules/vue'));
}
}