@yoonit/vue-components
v0.2.12
Published
VueJS Atomic Design System framework
Downloads
5
Maintainers
Keywords
Readme
Atoms
Molecules
- YooButtonToggle
- YooCard
- YooFormGroup
- YooHeader
- YooListItem
- YooModal
- YooNotify
- YooPagination
- YooQuizQuestion
- YooSegmentedBar
- YooSelectButton
- YooTableAttribute
Bosons
Quarks
Installation
npm i -s @yoonit/vue-components
Usage
VueJS Plugin
To use the components, import the library into your project's main.js file.
main.js
import Vue from 'vue'
import YoonitVueComponents from '@yoonit/vue-components'
Vue.use(YoonitVueComponents)
After that, you can access each component by calling it in the html template. It is not necessary to import manually each component in your template.
StoryBook
To see all the components, run the Storybook available in this project.
npm run storybook
After running the command above, an address will be available for you to access the component library. There you will be able to meet, interact and copy the code ready to put in your project.
To contribute and make it better
Clone the repo, change what you want and send PR. For commit messages we use Conventional Commits.
Contributions are always welcome!
Code with ❤ by the Yoonit Team