@blocklet/payment-react/docs/guides.ja.md

Reusable react components for payment kit v2

# ガイド

ガイドセクションへようこそ。ここでは、個々のコンポーネントの使用法を超えた高度なトピックに関する詳細な記事をご紹介します。これらのガイドは、ライブラリの外観をカスタマイズし、強力なユーティリティ関数を活用して、より高度な決済ソリューションを構築するために設計されています。

以下のガイドを参考にして、テーマ設定とユーティリティをマスターしましょう。

<x-cards data-columns="2">
  <x-card data-title="テーマ設定" data-icon="lucide:palette" data-href="/guides/theming">
    アプリケーションのデザインシステムに合わせて決済コンポーネントの外観をカスタマイズする方法を学びます。このガイドでは、組み込みのテーマプロバイダーの使用、Material-UIのテーマオプションによるスタイルの上書き、カスタムCSSの適用について説明します。
  </x-card>
  <x-card data-title="ユーティリティ" data-icon="lucide:wrench" data-href="/guides/utilities">
    APIリクエストの処理、データのキャッシュ、日付と金額のフォーマット、国際化の管理を行うための強力なユーティリティ関数のコレクションをご覧ください。このガイドは、よりクリーンで効率的なコードを書くのに役立ちます。
  </x-card>
</x-cards>

これらのガイドを読んだ後は、ライブラリが提供するカスタムReactフックについて学ぶのも良いでしょう。

➡️ **次へ: [フック](./hooks.md)**