See our OWNERS file.
This project is Apache 2.0 licensed.
npm i -S @spaceone/design-system
Add following lines to main.js
file.
import SpaceDesignSystem from '@spaceone/design-system';
Vue.use(SpaceDesignSystem);
Example:
import { PButtonTab, PDynamicLayout } from '@spaceone/design-system';
export default {
components: {
PButtonTab,
PDynamicLayout,
},
...
}
SpaceONE Design System is based on Tailwindcss.
If your project doesn’t use tailwindcss, add the code below to main.ts
.
import '@spaceone/design-system/dist/css/style.css';
If your project use tailwindcss, you don’t need to import all styles.
In that case, add codes below to your tailwind.config.js
.
const spaceoneTailwind = require('@spaceone/design-system/tailwind.config.js')
module.exports = {
theme: {
...spaceoneTailwind.theme,
// your customized theme
},
variants: [...spaceoneTailwind.variants,
//your customized variants
],
plugins: [
...spaceoneTailwind.plugins,
//your customized plugins
]
}
Also, you need to add codes below to your main.js
.
import '@spaceone/design-system/dist/css/light-style.css';
Author: spaceone-dev
Source Code: https://github.com/spaceone-dev/spaceone-design-system
#vue #vuejs #javascript