@yoonit/vue-components
Advanced tools
The Atomic Design System framework
|
◻ 26 Vue Components to create modern UI's ◻ Grid and Flex layout components ◻ Unit tests with 100% coverage ◻ All components documented with Storybook ◻ Standardized code ◻ Consistency between interfaces ◻ The extended definition of Atomic Design including Bosons and Quarks ◻ SASS with BEM ◻ Fully customizable with themes provided by @yoonit/style |
|
npm i -s @yoonit/vue-components
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.
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.
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
FAQs
VueJS Atomic Design System framework
We found that @yoonit/vue-components demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 11 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Snyk's use of malicious npm packages for research raises ethical concerns, highlighting risks in public deployment, data exfiltration, and unauthorized testing.
Research
Security News
Socket researchers found several malicious npm packages typosquatting Chalk and Chokidar, targeting Node.js developers with kill switches and data theft.
Security News
pnpm 10 blocks lifecycle scripts by default to improve security, addressing supply chain attack risks but sparking debate over compatibility and workflow changes.