Arno Kaimbacher
87e9314b00
Some checks failed
CI Pipeline / japa-tests (push) Failing after 51s
- added lime color inside tailwind.config.js - added some utilities scripts needed for components - npm updates - changed postcss.config.js for nesting css styles - added about function to NavBar.vue
30 lines
783 B
Vue
30 lines
783 B
Vue
<template>
|
|
<span v-bind="$attrs" :aria-hidden="!title" :aria-label="title" class="material-design-icon pause-icon" role="img"
|
|
@click="$emit('click', $event)">
|
|
<svg :fill="fillColor" class="material-design-icon__svg" :width="size" :height="size" viewBox="0 0 24 24">
|
|
<path d="M14,19H18V5H14M6,19H10V5H6V19Z">
|
|
<title v-if="title">{{ title }}</title>
|
|
</path>
|
|
</svg>
|
|
</span>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "PauseIcon",
|
|
emits: ['click'],
|
|
props: {
|
|
title: {
|
|
type: String,
|
|
},
|
|
fillColor: {
|
|
type: String,
|
|
default: "currentColor"
|
|
},
|
|
size: {
|
|
type: Number,
|
|
default: 24
|
|
}
|
|
}
|
|
}
|
|
</script> |