Pleasance Styleguide

Basket Voucher Form 

<div class="rounded p-3 bg-secondary text-white">
    <h2 class="h4 text-uppercase fw-bolder">Redeem voucher</h2>

    <form>
        <label for="code" class="form-label">Voucher code</label>
        <input type="text" class="mb-2 form-control" id="code" name="code" value="" size="60" maxlength="128" placeholder="__">

        <div class="text-end">
            <input type="submit" class="my-2 btn btn-primary" id="button" name="button" value="Redeem">
        </div>
    </form>
</div>
 
<div class="rounded p-3 bg-secondary text-white">
  <h2 class="h4 text-uppercase fw-bolder">Redeem voucher</h2>
  
  <form>
    {% render "@input-text" with {
      id: "code",
      title: "Voucher code",
      placeholder: "__",
      wrapper: false
    } %}

    <div class="text-end">
      {% render "@button" with { "title": "Redeem", "type": "input", "style": "primary" } %}
    </div>
  </form>
</div>
 
/* No context defined. */

No notes defined.