メインコンテンツへスキップ
バージョン: レガシー (v3.x)

スタイリング

非公式ベータ版翻訳

このページは PageTurner AI で翻訳されました(ベータ版)。プロジェクト公式の承認はありません。 エラーを見つけましたか? 問題を報告 →

情報

以下のコンテンツは DocSearch v3 向けです。 DocSearch v2 をご利用の場合は、レガシー ドキュメントをご覧ください。

DocSearch v4 をお探しの場合は、ドキュメントは**こちら**をご覧ください。

注意

このドキュメントは編集中です。

はじめに

DocSearch v3には @docsearch/css というテーマパッケージが同梱されており、すぐに使える洗練されたテーマを提供します!

注記

このパッケージは @docsearch/js および @docsearch/react の依存関係です。パッケージマネージャーを使用している場合はインストール不要です!

インストール

yarn add @docsearch/css@3
# or
npm install @docsearch/css@3

パッケージマネージャーを使用したくない場合は、スタンドアロンエンドポイントを利用できます:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />

ファイル

@docsearch/css
├── dist/style.css # all styles
├── dist/_variables.css # CSS variables
├── dist/button.css # CSS for the button
└── dist/modal.css # CSS for the modal