# 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.

Features:

  • 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

Globally:

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

Vue.component('VBtn', VBtn);

Locally:

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

export default {
  components: {
    VBtn,
  },
  // ...
};
</script>

# Button Example (Default)

# List Example

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