seepur/resources/scripts/applications/shared/components/SidewayText/SidewayText.vue

26 lines
635 B
Vue
Raw Normal View History

<template>
2020-02-09 15:17:11 +00:00
<div class="sideway-text m-b-lg">
<div
v-for="letter in text.split('').slice().reverse()"
:class="[{'has-text-weight-bold':bold}, textSize, 'sideway-letter', 'has-text-centered']"
>{{letter === ' ' ? '&nbsp;': letter}}</div>
</div>
<!-- <div class="sideway-text">
<div class="continer sideway-letter-container" >
<div class="container sideway-letter">{{letter}}</div>
</div>
</div>-->
</template>
2020-02-02 22:42:18 +00:00
<script lang="ts" >
export interface ISidewayText {
class: string;
}
export default {
name: "SidewayText",
props: ["text", "bold", "textSize"],
data: () => ({})
};
</script>