templates/molecules/forms/vertical.html.twig line 1

Open in your IDE?
  1. <form class="ml-form">
  2.     <header class="form-header">
  3.         <h3 class="at-title">Que queres estudar?</h3>
  5.         <h4 class="form-header-legend">Título formulario</h4>
  7.         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius a modi, dolorem voluptas itaque impedit iure sunt enim unde consequuntur explicabo delectus, harum dolorum natus reiciendis laboriosam commodi doloribus obcaecati</p>
  8.     </header>
  10.     <div class="form-content">
  11.         <div class="form-group has-button">
  12.             <label for="form2-example-input-button" class="is-sr-only">Input xenérico con botón</label>
  13.             <input type="text" class="form-control" id="form2-example-input-button" placeholder="Input xenérico con botón">
  14.             <button class="at-button is-primary">Botón</button>
  15.         </div>
  17.         <div class="form-group">
  18.             <label for="form2-example-input" class="is-sr-only">Input xenérico</label>
  19.             <input type="text" class="form-control" id="form2-example-input" placeholder="Input xenérico">
  20.         </div>
  22.         <div class="form-group">
  23.             <label for="form2-example-select" class="is-sr-only">Selecciona unha opción</label>
  24.             <select class="form-control" id="form2-example-select">
  25.                 <option>Selecciona unha opción</option>
  26.                 <option>2</option>
  27.                 <option>3</option>
  28.                 <option>4</option>
  29.             </select>
  30.         </div>
  32.         <div class="form-check-group">
  33.             <p class="form-check-group-legend">Escolle unha opción</p>
  35.             <div class="form-check form-check-inline">
  36.                 <input type="radio" name="example-radio" id="form2-example-radio-1" value="option1">
  37.                 <label class="form-check-label" for="form2-example-radio-1">Marca esta opción</label>
  38.             </div>
  40.             <div class="form-check form-check-inline">
  41.                 <input type="radio" name="example-radio" id="form2-example-radio-2" value="option2">
  42.                 <label class="form-check-label" for="form2-example-radio-2">Marca esta opción</label>
  43.             </div>
  44.         </div>
  46.         <div class="form-check">
  47.             <input type="checkbox" id="form2-example-check-1">
  48.             <label class="form-check-label" for="form2-example-check-1">Acepta este texto</label>
  49.         </div>
  51.         <div class="form-actions">
  52.             <button type="submit" class="at-button is-primary">Enviar</button>
  53.         </div>
  54.     </div>
  55. </form>