Comments (5)
Sorry for re opening this issue
I took a look in PR #16, but i got the following conclusion: to add my own style for this component, i need to override the current style. I'm right?
If so, then i have a suggestion: add a new prop, like theme
, and define a default theme, that have the current style. This will add a classe in the root element default-theme
, and the style will be writen like: .default-theme .dropdown-toggle
, etc..
In this way, when we pass <v-select theme="my-own">
, we can develop the style from scratch
Thanks
If you agree, i will make a PR with this :)
from vue-select.
ok Face Palme for me :)
tks m:8ball:
from vue-select.
There aren't any pre-made themes at the moment. We discussed it in PR #16 but decided that it was unlikely the themes we produce are going to line up with a given users design. If I was wrong about that, I'm happy to merge #16. At the moment, your best bet would be write your own styles from an external stylesheet.
What are you looking for in terms of themes?
from vue-select.
For example, on the demo site, I've just added an ID to the element and add some simple styles to change the colors a bit:
/* Cyan theme */
#v-select .selected-tag {
color: #147688;
background-color: #d7f3f9;
border-color: #91ddec;
}
#v-select.dropdown.open .dropdown-toggle,
#v-select.dropdown.open .dropdown-menu {
border-color: #4CC3D9;
}
#v-select .active a {
background: rgba(50,50,50,.1);
color: #333;
}
#v-select.dropdown .highlight a,
#v-select.dropdown li:hover a {
background: #4CC3D9;
color: #fff;
}
from vue-select.
Ok will take a look.
Some how I did not get this working yesterday.
from vue-select.
Related Issues (20)
- vue-tsc newer than 1.8.19 breaks HOT 2
- Using v-select with Vue 3 inside modal HOT 4
- vue-select with tailwind css class for longer text the search input field goes to next line.
- click event not working on a button inside no-options slot HOT 1
- Vue 2 CodePen Template in README.md is broken
- ambiguous indirect export: VueSelect HOT 1
- @input event in Vue.js 3 HOT 1
- Vue Select doesn't work on Bootstrap Modal HOT 1
- Localization not possible for aria-label & title attributes
- How to use @change/@input for changing a local value HOT 1
- Input event not being emitted HOT 1
- I'm not able to change vs--disabled background styles HOT 3
- Bug: Entered search data persists in vue-select with 'required' and 'multiple' enabled
- appendToBody="true" and dir="rtl"
- bug(docs): Codepen for the scoped slot option is broken.
- bug(animation): The fade out animation does not work when the appendToBody option is set.
- Instead of a masonry layout for multiple selected options, have one option per line
- Allow a set option to be edited
- option:selected returns all selected options instead of only the new selected option
- 4.0.0-beta.6 for vue 3 but are loading dependencies @types/vue-select 3.16.8 and this are loading dependencies "vue": "^2.0.0"
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-select.