Skip to content

Commit c6c8281

Browse files
author
Jeff
committed
add dropdown transition docs
1 parent 610193a commit c6c8281

File tree

1 file changed

+21
-0
lines changed

1 file changed

+21
-0
lines changed

docs/guide/css.md

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -34,4 +34,25 @@ all instances of Vue Select, or add your own classname if you just want to affec
3434

3535
<<< @/.vuepress/components/CssSpecificity.vue
3636

37+
## Dropdown Transition
3738

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+
```

0 commit comments

Comments
 (0)