File tree Expand file tree Collapse file tree 1 file changed +21
-0
lines changed Expand file tree Collapse file tree 1 file changed +21
-0
lines changed Original file line number Diff line number Diff line change @@ -34,4 +34,25 @@ all instances of Vue Select, or add your own classname if you just want to affec
34
34
35
35
<<< @/.vuepress/components/CssSpecificity.vue
36
36
37
+ ## Dropdown Transition
37
38
39
+ By default, the dropdown transitions with a ` .15s ` cubic-bezier opacity fade in/out. The component
40
+ uses the [ VueJS transition system] ( https://vuejs.org/v2/guide/transitions.html ) . By default, the
41
+ transition name is ` vs__fade ` . There's a couple ways to override or change this transition.
42
+
43
+ 1 . Use the ` transition ` prop. Applying this prop will change the name of the animation classes and
44
+ negate the default CSS. If you want to remove it entirely, you can set it to an empty string.
45
+
46
+ ``` html
47
+ <v-select transition =" " />
48
+ ```
49
+
50
+ 2 . You can also override the default CSS for the ` vs__fade ` transition. Again, if you
51
+ wanted to eliminate the transition entirely:
52
+
53
+ ``` css
54
+ .vs__fade-enter-active ,
55
+ .vs__fade-leave-active {
56
+ transition : none ;
57
+ }
58
+ ```
You can’t perform that action at this time.
0 commit comments