メインコンテンツまでスキップ

TOC​

import TOCInline from '@theme/TOCInline';

<TOCInline toc={toc} />

↓

{...} による Javascript の実行結果のインライン展開​

{"aaa".toUpperCase()}

↓

AAA

タブ​

import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

<Tabs>
  <TabItem value="apple" label="Apple" default>
    This is an apple 🍎
  </TabItem>
  <TabItem value="orange" label="Orange">
    This is an orange 🍊
  </TabItem>
  <TabItem value="banana" label="Banana">
    This is a banana 🍌
  </TabItem>
</Tabs>

↓

This is an apple 🍎

コードブロック​

```js title="/code-block/example.js"
function HighlightSomeText(highlight) {
  if (highlight) {
    // highlight-next-line
    return 'This text is highlighted!';
  }

  return 'Nothing highlighted';
}

↓

/code-block/example.js
function HighlightSomeText(highlight) {
  if (highlight) {
    return 'This text is highlighted!';
  }

  return 'Nothing highlighted';
}

Mermaid の図​

```mermaid
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
```

↓

Admonitions​

:::note

Some **content** with _Markdown_ `syntax`. Check [this `api`](#).

:::

:::tip

Some **content** with _Markdown_ `syntax`. Check [this `api`](#).

:::

:::info

Some **content** with _Markdown_ `syntax`. Check [this `api`](#).

:::

:::warning

Some **content** with _Markdown_ `syntax`. Check [this `api`](#).

:::

:::danger

Some **content** with _Markdown_ `syntax`. Check [this `api`](#).

:::

↓

注記

Some content with Markdown syntax. Check this api.

ヒント

Some content with Markdown syntax. Check this api.

備考

Some content with Markdown syntax. Check this api.

警告

Some content with Markdown syntax. Check this api.

危険

Some content with Markdown syntax. Check this api.