25 lines
635 B
Vue
25 lines
635 B
Vue
<template>
|
|
<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 === ' ' ? ' ': letter}}</div>
|
|
</div>
|
|
<!-- <div class="sideway-text">
|
|
|
|
<div class="continer sideway-letter-container" >
|
|
<div class="container sideway-letter">{{letter}}</div>
|
|
</div>
|
|
</div>-->
|
|
</template>
|
|
|
|
<script lang="ts" >
|
|
export interface ISidewayText {
|
|
class: string;
|
|
}
|
|
export default {
|
|
name: "SidewayText",
|
|
props: ["text", "bold", "textSize"],
|
|
data: () => ({})
|
|
};
|
|
</script>
|