https://github.com/vertocode/vuetage

Vuetage is a library of custom Vue components designed to simplify and enhance your web development experience.
https://github.com/vertocode/vuetage

bun component component-library design-system eslint font-awesome pre-commit sass scss shell storybook storybook-testing testing-library typescript vite vitest vue

Last synced: 6 days ago
JSON representation

Vuetage is a library of custom Vue components designed to simplify and enhance your web development experience.

• Host: GitHub
• URL: https://github.com/vertocode/vuetage
• Owner: vertocode
• License: mit
• Created: 2023-11-03T21:59:36.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-22T21:25:06.000Z (7 months ago)
• Last Synced: 2024-05-23T01:11:37.307Z (7 months ago)
• Topics: bun, component, component-library, design-system, eslint, font-awesome, pre-commit, sass, scss, shell, storybook, storybook-testing, testing-library, typescript, vite, vitest, vue
• Language: TypeScript
• Homepage: https://vuetage.vertocode.com
• Size: 45 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# [vuetage](https://vuetage.vertocode.com)



  

  


  

    

  

  

    

  

  

    

  

  

    

  

  

    

  



Vuetage is a library of custom Vue components designed to simplify and enhance your web development experience.

## Installation

You can install the Vuetage library using your prefer package manager.

### [Bun](https://bun.sh/)

```bash

bun i -D vuetage

```

## Usage

After installing the Vuetage library, you can import the components you need in your Vue project.

```js

import { BaseButton, BaseSelect, BaseTextField } from 'vuetage'

```

Make sure to include the component's markup in your Vue template:

```vue

  

      

      

      

      

        Submit form

      

  

```

> NOTE

> 

> There are a lot of props to modify the styles of component, this is just a default, you can edit the colors, size, effects, and add custom styles as you need.

The Result of this code will be:

![Imgur](https://i.imgur.com/HdgLOzLm.png)

If you want to see it in action, you can check it on [storybook](https://vuetage-components.vertocode.com/?path=/story/doc-formexample--form-example).

For a more comprehensive understanding of each component's capabilities and usage, consult the [documentation](https://vuetage.vertocode.com).

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## Contributing

Contributions from the community are highly valued. Please review our [CONTRIBUTION](https://vuetage.vertocode.com/docs/contribute) for more information.