# 指南

欢迎来到指南部分。在这里，您将找到关于超出单个组件使用范围的高级主题的深入文章。这些指南旨在帮助您自定义库的外观，并利用其强大的实用功能来构建更复杂的支付解决方案。

浏览下面的指南以掌握主题和实用程序。

<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)**