I am trying to implement a feature where there is a vertical line just before the boxes in order to label those boxes on the y-axis.
Here is the code snippet I have written:
<div class="rows" v-if="this.system == 'cpu'">
<div class="columns is-mobile">
<div class="column is-2">box a</div>
...
</div>
<div class="columns is-mobile">
<div class="column is-2">box b</div>
...
</div>
Here is the resulting output:
https://i.sstatic.net/We5GU.jpg
In the image, you can see that I want to include a vertical line with text next to it. Can someone guide me on how to achieve this within my current setup?
I specifically need the vertical line to be positioned to the left of the boxes in order to provide them with labels. The line should span across both boxes to label them collectively.