Vitreo
Forms
NotificationsView all
TOTheo Okafor approved the Q4 release plan2 min agoNew order #11330 for $204.12 from Nora Svensson28 min agoHSHana Sato mentioned you in ticket #20931 hour agoPayout of $12,989.62 sent to Riverstone Bank •• 74662 hours agoMCMei Chen shared Roadmap 2.0 with youYesterday
MLMaya Lindqvistmaya.lindqvist@northwind.test
ProfileSettingsBillingHelp center
Sign out

Number stepper

Minus and plus around a number

Quantity

Code 
<div class="stepper" data-stepper>
  <button type="button" class="btn btn-gray btn-sm btn-icon" aria-label="Less" data-step="-1"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg></button>
  <input id="ns-1" type="number" value="2" min="1" max="10" step="1" aria-label="Quantity" inputmode="numeric">
  <button type="button" class="btn btn-gray btn-sm btn-icon" aria-label="More" data-step="1"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg></button>
</div>

Guests

Code 
<div class="stepper" data-stepper>
  <button type="button" class="btn btn-gray btn-sm btn-icon" aria-label="Less" data-step="-1"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg></button>
  <input id="ns-2" type="number" value="4" min="1" max="12" step="1" aria-label="Guests" inputmode="numeric">
  <button type="button" class="btn btn-gray btn-sm btn-icon" aria-label="More" data-step="1"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg></button>
</div>
© Vitreo. All rights reserved.