@slickteam/components-vuetify3 v0.7.7

Slick Components for Vuetify 3 / Vue 3

Available on npmjs.org : @slickteam/components-vuetify3

How to install

npm i -S @slickteam/components-vuetify3

• In main.ts, add this line for style

//...
import { VuetifyLibrary } from '@slickteam/components-vuetify3';
import '@slickteam/components-vuetify3/style.css';

// options are optional
const options = {
  theme: {
    // theme are same option of library vuetify, see https://vuetifyjs.com/en/features/theme/#javascript for more informations
    themes: {
      light: {
        dark: false,
        colors: {
          background: '#RRGGBB',
          surface: '#RRGGBB',
          primary: '#RRGGBB',
          secondary: '#RRGGBB',
          success: '#RRGGBB',
          warning: '#RRGGBB',
          error: '#RRGGBB',
          info: '#RRGGBB',
        },
      },
    },
  },
};

createApp(app).use(VuetifyLibrary, options);
//...

• In your file where you want use a component, add this line for style

import { SlickteamIconButton } from '@slickteam/components-vuetify3';

Molecules

Button components

• slickteam-clipboard-button
• slickteam-icon-button
• slickteam-text-icon-button

Picker components

• slickteam-color-picker
• slickteam-icon-picker

Organisms

• slickteam-container
• slickteam-toolbar
• slickteam-sidebar-icon
• slickteam-sidebar
• slickteam-data-table