vuikit/src/library/subnav/components/subnav--item-dropdown.js

A responsive Vue UI library for web site interfaces based on UIkit

import IconTriangeDown from 'vuikit/src/icons/triangle-down'
import { assign } from 'vuikit/src/util/lang'

import { Dropdown } from 'vuikit/src/library/dropdown'
import { ElementSubnavItemDropdown } from '../elements'

export default {
  name: 'VkSubnavItemDropdown',
  functional: true,
  props: assign({}, ElementSubnavItemDropdown.props, Dropdown.props, {
    mode: {
      type: String,
      default: 'click'
    }
  }),
  render (h, { props, children }) {
    const { title } = props

    return h(ElementSubnavItemDropdown, { props }, [
      h('a', {
        class: ['uk-icon']
      }, [
        title + ' ',
        h(IconTriangeDown)
      ]),
      h(Dropdown, {
        props
      }, [
        children
      ])
    ])
  }
}