I have a simple issue possibly already covered here.
My dropdown drops down horizontally rather than the default vertically.
I am having a look at the documents for
Drop as suggested.
I have tried setting
vk-dropdown to something vertical for example. I set
mode="click" with success for example. Set
position has no effect.
I have tried importing the
uikit — without the
v — stylesheet following your suggestions in the issue cited above. Tried direct reference to the local version in
node_modules as well as importing it in
main.js of my Vue template as follows.
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import Vuikit from 'vuikit'
import VuikitIcons from '@vuikit/icons'
import UiKit from 'uikit'
And so on. My HTML follows the «Nav in Dropdown» snippet in your docs and looks like this.
<vk-button type="default" size="large"><i class="material-icons">local_bar </i> Drop Down Tonight</vk-button>
<vk-dropdown position: top-center mode='click'>
<vk-nav-item title="Monkeys" active></vk-nav-item>
Having initial difficulty with modal and offcanvas as well but one thing at a time. Thanks hope I am not abusing your kind attention.