Please update documentation to explain use of force-show property

[robinck]

Please update documentation to explain use of force-show property

[gkatsanos]

+1 on this one, @RobinCK

[gkatsanos]

@cicsolutions : I guess it's too lat but it's a prop, you can set it like any other prop, programmatically.

// assume this is MyPopover.vue
<template>
  <popper
    :options="{ placement }"
    :visible-arrow="arrow"
    :trigger="trigger"
    :force-show="force"
    @show="onShow"
    @hide="onHide"
  >
    <div :class="['popper', `popper--${theme}`]" data-test="global-phone-value">
      <slot name="body" />
    </div>
    <template slot="reference">
      <slot name="activator" />
    </template>
  </popper>
</template>
<script>
import Popper from 'vue-popperjs'
export default {
  components: {
    popper: Popper,
  },
  props: {
    placement: {
      type: String,
      required: false,
      default: 'top',
    },
    trigger: {
      type: String,
      required: false,
      default: 'clickToOpen',
    },
    theme: {
      type: String,
      required: false,
      default: 'light',
    },
    arrow: {
      type: Boolean,
      required: false,
      default: true,
    },
    force: {
      type: Boolean,
      required: false,
      default: false,
    },
  },
</script>

// a parent component
<template>
  <MyPopover force="true" placement="placement" trigger="clickToOpen" .. />
  // the value of force can also be changed programmatically of course via an event, a lifecycle hook or anything
</template>