# Btn

A functional component for logically rendering the appropriate actionable elements: <RouterLink>, <a>, or <button>. At first glance, this may not be a particularly helpful component, but it really simplifies list rendering.


  • Renders a <button> by default.
  • Renders a <RouterLink> when provided a to prop.
  • Renders an <a> link when provided a href prop.
  • Adds type="button" to <button> elements.
  • Adds rel="noopener" to links with target="blank"

# Installation


// main.js
import Vue from 'vue';
import { VBtn } from 'vuetensils/src/components';

Vue.component('VBtn', VBtn);


// SomeComponent.vue
import { VBtn } from 'vuetensils/src/components';

export default {
  components: {
  // ...

# Button Example (Default)

# List Example

Last Updated: 8/1/2020, 2:23:51 PM