Tabs

OSごとの手順や、コードとプレビューの切り替えなど、コンテンツをタブで分けて表示するためのコンポーネントです。

Usage

ドキュメントで頻出する、インストールコマンドの切り替え例です。

npm install ravin

pnpm add ravin

yarn add ravin

環境によって異なる手順や説明を案内する例です。Markdownのテキストとコンポーネントを混在させることができます。

ターミナルを開き、以下のコマンドを実行します。

ls -la

PowerShellを開き、以下のコマンドを実行します。

Get-ChildItem -Force

実際のコンポーネントの見た目と、その実装コードを切り替えて表示する例です。

import Button from '@/components/Button.astro';

<Button href="#" type="primary">プレビューボタン</Button>