edvoyui-component-library-test-flight

A Vue 3 component library built with TypeScript, Vite, and Tailwind CSS.

Installation

npm install edvoyui-component-library-test-flight

Setup

To use the components in your project, you need to configure your CSS and Tailwind configuration.

1. Add CSS to your Application

Add the following to your main CSS file (e.g., main.scss or main.css):

@tailwind base;
@tailwind components;

/* Import Edvoy UI Styles */
@import 'edvoyui-component-library-test-flight/dist/edvoy-ui.css';

@tailwind utilities;

2. Configure Tailwind Content

Update your tailwind.config.js to include the library's components so Tailwind can generate the necessary classes:

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    './components/**/*.{js,vue,ts}',
    './layouts/**/*.vue',
    './pages/**/*.vue',
    './plugins/**/*.{js,ts}',
    './app.vue',
    './error.vue',
    './assets/**/*.vue',
    './node_modules/edvoyui-component-library-test-flight/dist/**/*.{vue,js,ts,jsx,tsx}'
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

Development

Run Storybook

npm run storybook

Local Development

npm run dev

Build Library

npm run build