VUB Tailwind component library

Vue and Tailwind CSS based frontend components with VUB specific layout.

Build VUB web application faster by having a set of components that adhere to the VUB house style.

Getting Started

Make sure that you have Vue and Tailwind CSS installed.

1. Install VUB Tailwind with npm or yarn:

    npm install @vubrussel/vub_tailwind

    yarn add @vubrussel/vub_tailwind

2. Require VUB Tailwind as a plugin in the tailwind.config.js file:

module.exports = {

    plugins: [
        require('@vubrussel/vub_tailwind/plugin')
    ]
}

3. Add the template path to the tailwind.config.js file:

module.exports = {
    content: [
        "./assets/**/*.{vue,html,js}",
        "./templates/**/*.html.twig",
        "./node_modules/@vubrussel/vub_tailwind/src/**/*.vue",
    ],
    
}

Software dependencies

• Vue.js (^3.0.0)
• Tailwind CSS