Componentes de vainilla
Una biblioteca de interfaz de usuario ligera, flexible y personalizable para Vue 3
Documentación | Comenzando | ¿Por qué componentes de vainilla?
Características principales
- ? DX Focused - Escriba menos código y construya más rápido
- ? Totalmente configurable : todos los componentes y accesorios son totalmente personalizables a través de un archivo de configuración simple
- ? Concepto de variantes : cree múltiples variantes de los mismos componentes. Ej: error, éxito, etc.
- ? Tailwind primero : viene con un estilo sensato con valores predeterminados CSS
- ? Vue + TypeScript - Vue 3 Setup + TypeScript
- ? Vue 3 Ready - Vue 3
- ? Tree Shakable : importe solo los componentes que necesita sin preocuparse por el tamaño
- Cero CSS incluido : todo es configurable, significa que no hay CSS para incluir en absoluto
- ? Oscuro/blanco - Diseño perfecto de píxeles con modo oscuro y blanco incluido
- ? SSR Ready - construido con SSR en mente
Instalación
Comience instalando las dependencias de pares que, mueva la instalación del paquete
Visite la documentación para obtener más información.
Importar los componentes según sea necesario con lo siguiente:
import { Button } from '@flavorly/vanilla-components'Local y documentación
Para una vista previa y a las pruebas locales, ejecute lo siguiente en la raíz del proyecto. Después de los comandos, debe tener un servidor VITE local en ejecución.
pnpm install
pnpm -r build
pnpm docs:dev
Para comenzar de nuevo, simplemente ejecute los siguientes comandos
pnpm clean
pnpm install
pnpm -r build
pnpm docs:dev
LUNR (alternativa de algolia)
LUNR reemplaza la búsqueda predeterminada de Algolia de VitePress para obtener el índice del proyecto correctamente, haga lo siguiente:
Créditos
Gracias a:
- VariantJS - Base Inspiration & Code - Gracias a Alfonsobries
- Vueuse - ¿Cómo podríamos no acreditar esto?
- Robertboes - por todo el tiempo ayudando con la resolución de problemas
- Enzo Innocenzi - ¡Para la inspiración y la ayuda!
- ¡Todos mis amigos, eso podría permanecer en línea mientras susurraba todo el día!
Contribución
Ver guía contribuyente.
Licencia
Licencia MIT © 2021-Present Pedro Martins