Skip to content

シスアド: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/