特定のフォルダーのディレクトリをリンクの一覧として表示するには、<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 />type: string
一覧するフォルダーパスです。指定しない場合は、現在のページのパスがデフォルトです。
type: boolean
default: false
有効にすると、箇条書きではなく、ボタン風カードの 3 列グリッド(アルファベット順)で一覧します。カードの見た目は LinkCard コンポーネントと同じです。
type: boolean
default: false
有効にすると、一覧の各ページの フロントマター description フィールドを表示します。
type: number
default: 1
入れ子のページを何階層まで表示するかを制御します。1 は直下の子だけを示し、値を大きくするとより深い階層を示します。
type: string
任意で、特定のタグを持つページだけに一覧を絞ります。