search

shentao / vue-multiselect

Universal select/multiselect/tagging component for Vue.js
https://vue-multiselect.js.org/
MIT License
6.72k stars 991 forks source link

Totally missing documentation for styling #1214

Open bmarkovic opened 4 years ago

bmarkovic commented 4 years ago

Reproduction Link

https://vue-multiselect.js.org/

Steps to reproduce

Read the documentation.

Expected behaviour

At least a basic documentation on styling.

Actual behaviour

The compnent is complex and consitsts of multiple styleable elements, figuring out what is what is nontrivial, and even basic styling turns out to be extremely irritating endless trial and error.

tfdbloom commented 4 years ago

The component itself is great but there is not much mention of styling in the documentation, if some? I was somewhat expecting a section on style, with the element structure and classes, with more details on how to style.

A "debug mode" would nice also to keep it open during styling, as it is now it is a bit frustrating imo. There is a workaround for that though that works for now, it will keep it open and you can inspect even though the debugger dims.

<multi-select @close="keepSelectOpen" />

keepSelectOpen() { debugger }

titusdecali commented 4 years ago

Agreed, I'm looking through the docs now and shocked that there isn't a list of classes that outlines the component.

However, I just opened the node_modules for vue-multiselect and then looked at the css directly (here's a link: https://unpkg.com/vue-multiselect@2.1.0/dist/vue-multiselect.min.css)