[Feature Request] v-select should expose attributes/slot for v-list
See original GitHub issueProblem to solve
I use custom item slot for v-autocomplete
and my items are too dense. I can’t fix that with props.
v-autocomplete
uses v-select
. v-select
uses v-text-field
and v-menu
. v-menu
is mounted globally so I cannot cascade styling by adding parent class/style.
Exposing props would allow user to use such props like subheader
, two-line
and three-line
for v-list
container used in v-menu
(only dense
prop is exposed, other props might be exposed via Colorable
and Themeable
mixins, but this is not tested).
Exposing slot would allow users to customise container looks. This also means that user can add classes
to customise children looks. Enforcing something is a bad thing, right?
Proposed solution
- Expose slot for
v-list
inv-select
; - Expose attributes for
v-list
inv-select
:- All of them (props, classes, events etc.);
- It could be done by adding prop (i.e.
list-attributes
) that is spread intov-list
before other attributes;
- Update slots documentation, because currently it’s wrong:
append-item
andprepend-item
are missing;append
andprepend
are using description that should be used forappend-item
andprepend-item
.
Issue Analytics
- State:
- Created 5 years ago
- Reactions:10
- Comments:8 (2 by maintainers)
Top Results From Across the Web
No results found
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
This was intentional, a common use case is to have a darker background but without affecting the menu: https://vuetifyjs.com/en/components/autocompletes/#item-and-selection
I need this feature again 😄
This time I want to change the style of
v-autocomplete
list items fromdense
to normal. But you can’t pass props to thev-list
😄