0.0.2 • Published 5 years ago
opsui v0.0.2
This Opsramp Front-end Style library provides User Interface principles, guidelines and recommendations in order to ensure that all applications designed can offer the same consistent experience to the user across all products. The library is meant for UX designers / UI designers and frontend developers who would like to design a user interface for a new application as well as designers or developers who want to port an existing application to the Opsramp UI.
First install the library from npm
npm i opsui
Then import the library into Vue project
import OpsUI from 'opsui'
import 'opsui/lib/opsui.css'
Vue.use(OpsUI)
All components in this library start with ops-
For example:
<ops-breadcrumb separator-class="el-icon-arrow-right">
<ops-breadcrumb-item :to="{ path: '/' }">Home</ops-breadcrumb-item>
<ops-breadcrumb-item :to="{ path: '/about' }">About</ops-breadcrumb-item>
</ops-breadcrumb>
and
<ops-date-picker
v-model="value"
type="date"
placeholder="Pick a day">
</ops-date-picker>