Slick Components for Vuetify 3 / Vue 3

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

How to install

``bash
npm i -S @slickteam/components-vuetify3
`

- In main.ts, add this line for style

`js
//...
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

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

Molecules

$3

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

$3

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

Organisms

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