@morpheme/ui
v1.0.0-rc.10
Published
A free and open-source Vue UI Library based on Morpheme Design System.
Downloads
361
Readme
Morpheme UI
A free and open-source Vue UI Library based on Morpheme Design System.
Installation
Install with your prefered package manager:
With NPM:
npm i @morpheme/ui
With Yarn:
yarn add @morpheme/ui
With PNPM:
pnpm add @morpheme/ui
Quick Setup
Setup the Vue plugin to your main.ts
or main.js
file:
// file: main.ts or main.js
// import the plugin
import MorphemeUI from '@morpheme/ui';
// import the styles
// load CSS bundle
import '@morpheme/themes/dist/morpheme/main.css'
// uncomment this line to load SCSS bundle
// import '@morpheme/themes/src/morpheme/main.scss'
const app = createApp(App);
app.use(MorphemeUI);
Then, you are ready to use the component:
<template>
<VCard title="Hello World">
<VBtn color="primary">Click me</VBtn>
</VCard>
</template>
Documentation
View full documentation here
License
MIT