Components for Vuetify 3 / Vue 3
npm install @slickteam/components-vuetify3Available on npmjs.org : @slickteam/components-vuetify3
``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';
- slickteam-clipboard-button
- slickteam-icon-button
- slickteam-text-icon-button
- slickteam-color-picker
- slickteam-icon-picker
- slickteam-container
- slickteam-toolbar
- slickteam-sidebar-icon
- slickteam-sidebar
- slickteam-data-table