mirror of
https://github.com/strapi/strapi.git
synced 2025-10-26 07:30:17 +00:00
22 lines
1.2 KiB
Vue
22 lines
1.2 KiB
Vue
|
<template><span><font-awesome-icon :icon="theIcon" :pulse="pulse" :border="border" :spin="spin" :pull="pull" :flip="flip" :rotation="rotation" :size="size" :style="attachStyles()"></font-awesome-icon></span></template>
|
||
|
|
<script>import { library } from "@fortawesome/fontawesome-svg-core";
|
||
|
|
import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
|
||
|
|
import { faCrutch } from "@fortawesome/free-solid-svg-icons";
|
||
|
|
library.add(faCrutch);
|
||
|
|
export default {
|
||
|
|
name: "FaCrutch",
|
||
|
|
components: {FontAwesomeIcon},
|
||
|
|
props:{
|
||
|
|
size: {type: String,required: false,default: null},
|
||
|
|
color: { type: String, required: false, default: null},
|
||
|
|
rotation: { type: [String, Number], required: false, default: null},
|
||
|
|
flip: { type: String, required: false, default: null},
|
||
|
|
pull: { type: String, required: false, default: null},
|
||
|
|
spin: { type: Boolean, required: false, default: false},
|
||
|
|
pulse: { type: Boolean, required: false, default: false},
|
||
|
|
border: { type: Boolean, required: false, default: false},
|
||
|
|
},
|
||
|
|
computed:{ theIcon(){return faCrutch}},
|
||
|
|
methods: {attachStyles: function(){return this.color ? {color: this.color} : {}}}
|
||
|
|
}
|
||
|
|
</script>
|