new FormDecidir(url_decidirnon-null, public_api_keynon-null, actionnon-null, datanullable, targetopt, direction, offcanvas_classnullable, use_tokenopt, use_prev_tokenopt, use_spinneropt, inhabilitar_csopt)
Componente que renderiza un formulario especial para integrar Decidir. Todos los input dentro de Form deben contener la propiedad name con el identificador del campo
Parameters:
| Name | Type | Attributes | Default | Description | 
|---|---|---|---|---|
| url_decidir | string | Url de la API de decidir | ||
| public_api_key | string | Public key para acceder a los servicios | ||
| action | string | Nombre de la operación de destino | ||
| data | string | <nullable> | Json string con datos que pueden agregarse al form para evitar inputs de tipo hidden | |
| target | NavigationTarget | <optional> | "menu" | Destino del resultado | 
| direction | DirectionType | Dirección en la que va a mostrarse el menú | ||
| offcanvas_class | string | <nullable> | Clase css que se va a dar al menú | |
| use_token | BooleanString | <optional> | "false" | Establece si se debe guardar el token que devuelve Orquesta, sirve para luego poder continuar el flujo con otro form, si es false no se guarda y el flujo termina | 
| use_prev_token | BooleanString | <optional> | "true" | Establece si debe enviarse el token que está en memoria, sirve para continuar la ejecución de un flujo, si es false el token se envía null | 
| use_spinner | BooleanString | <optional> | "true" | Establece si se muestra un spinner mientras se espera la respuesta del servidor | 
| inhabilitar_cs | BooleanString | <optional> | "false" | Para inhabilitar el Servicio de Control de Fraude Cybersource | 
- Source:
Example
<form_decidir 
  url_decidir="https://developers.decidir.com/api/v2" 
  public_api_key="e9cdb99fff374b5f91da4480c8dca741" 
  action="PagoDecidir" 
  target="menu" 
  direction="bottom" 
  offcanvas_class="rounded-m" 
  inhabilitar_cs="true"
> 
  <div class="menu-size" style="height:auto;" >
    <div class="content mt-0 mb-2">
      <div class="form-custom form-label form-icon">
        <i class="bi bi-check-circle font-13"></i>
        <select class="form-select rounded-xs" name="medioPago" value="{{opcionSeleccionada}}" aria-label="">
          <optgroup label="Medios de Pago">          
            {{opciones|OpcionCombo}}
          </optgroup>
        </select>
        <label for="medioPago" class="form-label-always-active color-highlight font-11">Medio de pago</label>
      </div>
      <div class="pb-3"></div>
      <div class="form-custom form-label form-icon">
        <i class="bi bi-hash font-14"></i>
        <input type="number" class="form-control rounded-xs" name="importe" placeholder="ingrese el monto"/>
        <label for="importe" class="form-label-always-active color-highlight font-11">Importe</label>
        <span class="font-10">( Moneda: $ ARG )</span>
      </div>
      <div class="pb-3"></div>
      <input 
        type="submit" 
        class="form-control rounded-xs btn btn-full gradient-highlight shadow-bg shadow-bg-s" 
        value="Depositar" 
        offcanvas_class="rounded-m"/>
    </div>
  </div>
</form_decidir>