I stumbled upon something similar in the documentation for bootstrap-vue
:
A card with tabs:
https://i.sstatic.net/HoVEC.png
Now, how can I style the tabs to look like this:
https://i.sstatic.net/dbsRj.png
This is my current code:
<b-card no-body>
<b-tabs card>
<b-tab title="Tab 1" active>
Tab Contents 1
</b-tab>
<b-tab title="Tab 2">
Tab Contents 2
</b-tab>
</b-tabs>
</b-card>