Semantic-ui Modules implemented with Vue 2

Semantic-ui Modules implemented with Vue 2

SemVue Semantic-ui modules/components in you Vue project Semantic-ui Modules implemented with Vue 2 Using # install package npm install semvue --save Using any component Simply import in your .vue the component that you want: import { Modal } from 'semvue

Build Status Coverage Status Downloads Version


Semantic-ui modules/components in you Vue project

Using

You can see the docs and demo here

# install package
npm install semvue --save

Using any component

Simply import in your .vue the component that you want:

import { Modal } from 'semvue';

export default {
  components: {
    Modal,
  },
};

Components so far

  • Accordion
  • Dimmer
  • Dropdown
  • Embed
  • Modal
  • Popup
  • Progress
  • Rating

To do and improvements

  • [x] Accordion
    • [x] Basic Implementation
    • [x] Initialization options override
  • [ ] Checkbox
  • [x] Dimmer
    • [x] Basic Implementation
    • [x] Initialization options override
  • [x] Dropdown
    • [x] Basic Implementation
  • [x] Embed
  • [x] Modal
    • [x] Basic Implementation
    • [x] Initialization options override
  • [ ] Nag
  • [x] Popup
    • [x] Basic Implementation
    • [x] Initialization options override
  • [x] Progress
  • [x] Rating
    • [x] Basic Implementation
    • [x] Initialization options override
  • [ ] Search
  • [ ] Shape
  • [ ] Sidebar
  • [ ] Sticky
  • [ ] Tab

Site Demo/Semvue Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8081
npm start

# run unit tests
npm run unit

# run all tests
npm test

Github Repository

Tags: #VueJs #UI