Skip to content

Instantly share code, notes, and snippets.

@rubensbatista98
Last active September 26, 2024 13:22
Show Gist options
  • Save rubensbatista98/ddbaf9817078b8bf16d982d07fc75198 to your computer and use it in GitHub Desktop.
Save rubensbatista98/ddbaf9817078b8bf16d982d07fc75198 to your computer and use it in GitHub Desktop.

Formulário do Motor de Reservas da Tô De Férias - Web Component

Adicione as tags HTML no <head>:

  <script type="module" crossorigin="" src="https://reservas.todeferias.com.br/lib/tdf-form.js"></script>
  <link rel="stylesheet" href="https://reservas.todeferias.com.br/lib/tdf-form.css">

Adicione no <body> o formulário:

Aonde deseja que ele esteja posicionado e de preferência com um elemento em volta, responsável por controlar o tamanho máximo que o formulário deve ocoupar

  • Todos os atributos são opcionais exceto o atributo hotel. Este é necessário para o redirecionamento para a página de reservas do hotel no motor de reservas da Tô De Férias.
  <tdf-form
    hotel="test" <!-- Nome do hotel que vai na URL do motor (ex: reservas.todeferias.com.br/test) -->
    bg-color="#2d286c" <!--  Cor de fundo do formulário  -->
    btn-color="#dc7b13" <!--  Cor de fundo do do botão de pesquisa -->
    btn-hover-color="#eab037" <!--  Cor de fundo do botão de pesquisa com o mouse em cima -->
    btn-text-color="#fff" <!--  Cor do texto do botão de pesquisa -->
    btn-text-hover-color="#fff" <!--  Cor do texto do botão de pesquisa com o mouse em cima -->
  ></tdf-form>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment