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

Open in your IDE?
  1. <form class="ml-form is-horizontal {{ modifiers ?? '' }}">
  2.     <header class="form-header">
  3.         <h2 class="at-title">Que queres estudar?</h2>
  5.         <h3 class="form-header-legend">Título formulario</h3>
  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="form3-example-input-button" class="is-sr-only">Input xenérico con botón</label>
  13.             <input type="text" class="form-control" id="form3-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="row">
  18.             <div class="form-group col-lg-6">
  19.                 <label for="form3-example-input" class="is-sr-only">Input data</label>
  20.                 <input type="date" class="form-control" id="form3-example-input" placeholder="Input data">
  21.             </div>
  23.             <div class="form-group col-lg-6">
  24.                 <label for="form3-example-input2" class="is-sr-only">Input xenérico</label>
  25.                 <input type="text" class="form-control" id="form3-example-input2" placeholder="Input xenérico">
  26.             </div>
  27.         </div>
  29.         <div class="form-group">
  30.             <label for="form3-example-select" class="is-sr-only">Selecciona unha opción</label>
  31.             <select class="form-control" id="form3-example-select">
  32.                 <option>Selecciona unha opción</option>
  33.                 <option>2</option>
  34.                 <option>3</option>
  35.                 <option>4</option>
  36.             </select>
  37.         </div>
  39.         <div class="form-check-group">
  40.             <p class="form-check-group-legend">Escolle unha opción</p>
  42.             <div class="form-check form-check-inline">
  43.                 <input type="radio" name="example-radio" id="form3-example-radio-1" value="option1">
  44.                 <label class="form-check-label" for="form3-example-radio-1">Marca esta opción</label>
  45.             </div>
  47.             <div class="form-check form-check-inline">
  48.                 <input type="radio" name="example-radio" id="form3-example-radio-2" value="option2">
  49.                 <label class="form-check-label" for="form3-example-radio-2">Marca esta opción</label>
  50.             </div>
  51.         </div>
  53.         <div class="form-check">
  54.             <input type="checkbox" id="form3-example-check-1">
  55.             <label class="form-check-label" for="form3-example-check-1">Acepta este texto</label>
  56.         </div>
  58.         <div class="form-actions">
  59.             <button type="submit" class="at-button is-primary">Enviar</button>
  60.         </div>
  61.     </div>
  62. </form>