Predefined Styling Presets for Popular UI Frameworks #2
Description
Feature Request: Predefined Styling Presets for Popular UI Frameworks
Description
Add predefined CSS styling presets that match popular Vue 3 UI frameworks, making it easier to integrate the tooltip component with existing design systems.
Motivation
Currently, users need to manually style the tooltip to match their UI framework's design language. Providing built-in presets would:
- Reduce integration time and boilerplate code
- Ensure consistent styling across applications
- Lower the barrier to entry for new users
- Improve developer experience
Proposed Solution
Create optional CSS/theme files for popular Vue 3 UI frameworks:
- PrimeVue - Match PrimeVue's design tokens and component styling
- Vuetify - Align with Material Design principles
- Element Plus - Follow Element's design system
- Naive UI - Match Naive UI's aesthetic
- Quasar - Support Quasar's Material/iOS themes
Example Usage
// Option 1: Import specific framework preset
import '@borstihd/vue-custom-tooltip/dist/themes/primevue.css'
// Option 2: Configure via plugin options
app.use(VueCustomTooltip, {
theme: 'primevue'
})