@yoonit/vue-components

Vue Yoonit Components

Atoms

• YooAnimation
• YooAvatar
• YooButton
• YooCheckButton
• YooDropdown
• YooIcon
• YooSelectDate
• YooSeparator
• YooStepper
• YooSwitch

Molecules

• YooButtonToggle
• YooCard
• YooFormGroup
• YooHeader
• YooModal
• YooNotify
• YooPagination
• YooPostCard
• YooQuizQuestion
• YooSegmentedBar
• YooSelectButton
• YooTableAttribute
• YooTableCard

Bosons

• YooFlexLayout
• YooGridLayout
• YooScrollView

Quarks

• YooIndicator

A Vue lib to provide:

• 26 Vue Components to create interfaces
• Unit tests with 100% coverage
• Standardized code
• Consistency between interfaces

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.

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.

Contributions are always welcome!

---

Code with ❤ by the Cyberlabs AI Front-End Team