Skip to content

非公式本サイトは非公式の日本語ドキュメントであり、Cloudflare 公式サイトではありません。最新情報はdevelopers.cloudflare.comをご確認ください。

ディレクトリ一覧

最終更新 Markdown で表示Agent セットアップ

The DirectoryListing component is used 610 times on 604 pages.

See all examples of pages that use DirectoryListing

Used 610 times.

Pages

Partials

特定のフォルダーのディレクトリをリンクの一覧として表示するには、<DirectoryListing /> を使います。

使い方

import { DirectoryListing } from "~/components";

<p>
	<strong>Default</strong>
</p>
<DirectoryListing folder="workers/wrangler" />

<br />

<p>
	<strong>maxDepth</strong>
</p>
<DirectoryListing folder="workers/wrangler" maxDepth={2} />

<p>
	<strong>Descriptions</strong>
</p>
<DirectoryListing folder="workers/wrangler" descriptions />

<p>
	<strong>Button</strong>
</p>
<DirectoryListing folder="workers/wrangler" button />

プロパティ

folder

type: string

一覧するフォルダーパスです。指定しない場合は、現在のページのパスがデフォルトです。

button

type: boolean default: false

有効にすると、箇条書きではなく、ボタン風カードの 3 列グリッド(アルファベット順)で一覧します。カードの見た目は LinkCard コンポーネントと同じです。

descriptions

type: boolean default: false

有効にすると、一覧の各ページの フロントマター description フィールドを表示します。

maxDepth

type: number default: 1

入れ子のページを何階層まで表示するかを制御します。1 は直下の子だけを示し、値を大きくするとより深い階層を示します。

tag

type: string

任意で、特定のタグを持つページだけに一覧を絞ります。

関連するコンテンツタイプ

役に立ちましたか?