1.0.11 • Published 4 years ago
vue-atlaskit v1.0.11
atlas
Installation and usage
$ yarn add vue-atlaskit
# or
$ npm install vue-atlaskit
Usage
Import everything
The minified stylesheet is roughly 200kb (~30kb gzipped). If this worries you, please see below how to import only the components you require for a smaller bundle.
// Wherever your Vue entrypoint is.
import Va from 'vue-atlaskit'
import 'vue-atlaskit/dist/vue-atlaskit.css'
Vue.use(Va, 'en') // or 'es', 'fr', 'ru'
Import something specific
// You will need sass-loader and node-sass for this.
import { VaDatepicker } from 'vue-atlaskit/src/Datepicker'
Vue.use(VaDatepicker)
// The Datepicker component will check for the presence
// of the VaLocale prototype to decide how to display content.
Vue.prototype.VaLocale = 'fr' // default 'en'
Create or modify your project's vue.config.js
and point css.loaderOptions.sass.prependData
to node_modules/vue-atlaskit/src/variables.scss
. This will provide imported
components with the color definitions that they need. It's just color definitions.
It's a small file. It will also give your components access to