見た目を変える
シスアド:vitepress拡張(Tab)
外部ライブラリを使うことで、タブ切り替えの機能を実装できます。
役割
例えば、学生向けのマニュアルで、学生自身の操作と先生の操作を切り替えて表示する際に使えます。
タブのタイトルと中身を指定でき、タブの数は自由に増やせます。
使い方
これは、VueコンポーネントではなくMarkdown拡張として実装されています。
markdown
:::tabs
== 学生自身の操作
a
aa
aaa
aaaa
aaaaa
== 先生の操作
bbbbb
bbbb
bbb
bb
b
:::a
aa
aaa
aaaa
aaaaa
このライブラリの詳細は、以下を参照ください。
https://vitepress-plugins.sapphi.red/tabs/