croud-vue-semantic
v1.2.2
Published
Vue Components for the semantic ui library
Downloads
3
Readme
vue-semantic
http://croudsupport.github.io/vue-semantic/
A collection of vue components for integrating the semantic ui library
Contributing
Work In Progress. Any PRs welcome.
Vue 1?
If you still need the Vue 1 version of this lib you can use the vue1 branch or 0.0.7 tag
Installation
You can use NPM to install this package
npm install --save croud-vue-semantic
or Yarn
yarn add croud-vue-semantic
Install the plugin
import VueSemantic from 'croud-vue-semantic'
Vue.use(VueSemantic)
You will also need to include the semantic js and css files to your project. The easiest way would be to include them in your html
<link rel="stylesheet" type="text/css" href="semantic/dist/semantic.min.css">
<script src="semantic/dist/semantic.min.js"></script>
For more advanced builds see http://semantic-ui.com/introduction/getting-started.html
Usage
View our docs for usage examples
Webpack Tips
If you are using webpack, you can add jQuery to your webpack.base.conf.js
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"window.jQuery": "jquery"
})
],
And include the semantic js + css at the top of your main.js file
import 'path/to/semantic.css'
import 'path/to/semantic.js'