Introduced ActionButton component as a replacement for HTML's button.

This commit is contained in:
baldo 2022-08-02 16:31:38 +02:00
commit 215f70db26
8 changed files with 146 additions and 69 deletions

View file

@ -1,11 +1,11 @@
<script setup lang="ts">
import {computed, defineProps} from "vue";
import type {NodesFilter} from "@/types";
import type {ComponentVariant, NodesFilter} from "@/types";
interface Props {
title: string;
icon: string;
variant: string;
variant: ComponentVariant;
value: number;
link: string;
filter?: NodesFilter;
@ -29,7 +29,7 @@ const linkTarget = computed(() => {
<template>
<RouterLink :to="linkTarget" :class="['statistics-card', 'statistics-card-' + variant]">
<i :class="['fa', 'fa-' + icon]" aria-hidden="true" />
<i :class="['fa', 'fa-' + icon]" aria-hidden="true"/>
<dl>
<dt>{{ title }}</dt>
<dd>{{ value }}</dd>