Skip to content

woolimi/wool-components

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Wool Components

🐑 Wool Components 🐑

FUCKING NOISY BUT CUTE

Vue UI components library



🐑 Demo

https://woolimi.github.io/wool-components/



🐑 Getting Started

1. Download

yarn add wool-components@latest

2. Import index.css file in main.ts

import { createApp } from 'vue'; import App from './App.vue'; import 'wool-components/dist/index.css'; createApp(App).mount('#app');

3. Import component

<script setup> import { WButton } from 'wool-components'; </script>

4. Breakpoint setup

Please remind that wool-component has following breakpoint setup by default.

// tailwind.config.js {	..., theme: { screens: { '-lg': { max: '1280px' }, // apply to lower than 1280px screen '-md': { max: '960px' }, // apply to lower than 960px screen '-sm': { max: '720px' }, // apply to lower than 720px screen '-xs': { max: '540px' }, // apply to lower than 540px screen '-xxs': { max: '320px' }, // apply to lower than 320px screen lg: { min: '1281px' }, // apply to hight than 1281px screen md: { min: '961px' }, // apply to hight than 961px screen sm: { min: '721px' }, // apply to hight than 721px screen xs: { min: '541px' }, // apply to hight than 541px screen xxs: { min: '321px' }, // apply to hight than 321px screen } } }

About

FUCKING NOISY BUT CUTE Vue3 UI components library

Topics

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors