> ## Documentation Index
> Fetch the complete documentation index at: https://docs.pay-me.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Librería y estilos básicos

> Incluye la librería de Pay-me Flex en tu aplicación web

Para usar Pay-me Flex hay que incluir el siguiente código en el HTML de la página según el ambiente:

<Tabs>
  <Tab title="Pre-Producción">
    ```html theme={"system"}
        <!-- Estilos CSS -->
        <link
          rel="stylesheet"
          type="text/css"
          href="https://flex.dev.pay-me.cloud/main-flex-payment-forms.css"
        />

        <!-- Librería JS -->
        <script src="https://flex.dev.pay-me.cloud/flex-payment-forms.min.js"></script>
    ```
  </Tab>

  <Tab title="Producción">
    ```html theme={"system"}
        <!-- Estilos CSS -->
        <link
          rel="stylesheet"
          type="text/css"
          href="https://flex.alignet.io/main-flex-payment-forms.css"
        />

        <!-- Librería JS -->
        <script src="https://flex.alignet.io/flex-payment-forms.min.js"></script>
    ```
  </Tab>
</Tabs>

<CardGroup cols={2}>
  <Card title="CSS" icon="paintbrush">
    Estilos predeterminados del formulario de pago. Incluir antes del cierre del `<head>`.
  </Card>

  <Card title="JS" icon="code">
    Librería principal de Pay-me Flex. Incluir después del CSS en el `<head>`.
  </Card>
</CardGroup>

<Note>
  Asegúrate de incluir primero el CSS y luego el JS para garantizar que los estilos se apliquen correctamente antes de que el formulario se inicialice.
</Note>
