1 | <template>
|
2 | <span :aria-hidden="!title"
|
3 | :aria-label="title"
|
4 | class="material-design-icon arrow-right-icon"
|
5 | role="img"
|
6 | v-bind="$attrs"
|
7 | @click="$emit('click', $event)">
|
8 | <svg :fill="fillColor"
|
9 | class="material-design-icon__svg"
|
10 | :width="size"
|
11 | :height="size"
|
12 | viewBox="0 0 24 24">
|
13 | <path d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z">
|
14 | <title v-if="title">{{ title }}</title>
|
15 | </path>
|
16 | </svg>
|
17 | </span>
|
18 | </template>
|
19 |
|
20 | <script>
|
21 | export default {
|
22 | name: "ArrowRightIcon",
|
23 | props: {
|
24 | title: {
|
25 | type: String,
|
26 | },
|
27 | fillColor: {
|
28 | type: String,
|
29 | default: "currentColor"
|
30 | },
|
31 | size: {
|
32 | type: Number,
|
33 | default: 24
|
34 | }
|
35 | }
|
36 | }
|
37 | </script> |
\ | No newline at end of file |