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

Reusable react components for payment kit v2

# Guides

Welcome to the guides section. Here, you'll find in-depth articles on advanced topics that go beyond individual component usage. These guides are designed to help you customize the library's appearance and leverage its powerful utility functions to build more sophisticated payment solutions.

Explore the guides below to master theming and utilities.

<x-cards data-columns="2">
  <x-card data-title="Theming" data-icon="lucide:palette" data-href="/guides/theming">
    Learn how to customize the look and feel of payment components to match your application's design system. This guide covers using the built-in theme provider, overriding styles with Material-UI theme options, and applying custom CSS.
  </x-card>
  <x-card data-title="Utilities" data-icon="lucide:wrench" data-href="/guides/utilities">
    Discover a collection of powerful utility functions for handling API requests, caching data, formatting dates and amounts, and managing internationalization. This guide will help you write cleaner and more efficient code.
  </x-card>
</x-cards>

After exploring these guides, you might be interested in learning about the custom React hooks provided by the library.

➡️ **Next: [Hooks](./hooks.md)**