# YOZORA-VUE

Build beautiful, scalable UIs effortlessly with Yozora, a Vue 3 and Tailwind CSS component library focused on flexibility, responsiveness, and ease of customization. Perfect for developers seeking fast, maintainable, and utility-first design integration.

> This library still on development. Please wait until we finished it 😊

## Instalation

> Before install this package, make sure you have a installed tailwind before.

- Install this library from NPM with this command:
  ```
  npm install yozora-vue
  ```
- Add this code into your **tailwind.config.js**

  ```js
  //your code

      theme: {
          extend: {
              colors: {
                  primary: { DEFAULT: "#517C99", hover: "#81AECA" },
                  secondary: { DEFAULT: "#D469C2", hover: "#966BC5" },
                  disabled: { DEFAULT: "#C0BED7", second: "#EFEEFB" },
                  success: { DEFAULT: "#5CBC60", hover: "#85DCA8" },
                  danger: { DEFAULT: "#FD4D4D", hover: "#DC4747" },
                  gray: { DEFAULT: "#DCE1E4", second: "#B0B0B0" },
                  black: { DEFAULT: "#444444" },
              },
          },
      },

  //your code
  ```

- Installation is complete, you can use components like this.

  ```vue
  <script setup>
    import { Button } from 'yozora-vue'
  </script>

  <template>
    <Button>Test</Button>
  </template>
  ```

> Full documentation will be released as soon as possible.