​

<div>

  <ul class="stepper" id="stepper-form-example" data-mdb-stepper-linear="true">

    <form class="needs-validation stepper-form">

      <li class="stepper-step stepper-active">

        <div class="stepper-head">

          <span class="stepper-head-icon">1</span>

          <span class="stepper-head-text">step1</span>

        </div>

        <div class="stepper-content py-3">

          <div class="d-flex justify-content-between mb-4">

            <div class="input-group rounded">

              <span class="input-group-text" id="search-addon-511e95dda71948278476c746115a9973">

                <i class="fas fa-search"></i>

              </span>

              <input type="search" class="form-control" id="tableEditor-search-input-511e95dda71948278476c746115a9973" placeholder="Search" aria-label="Search" aria-describedby="search-addon-511e95dda71948278476c746115a9973" disabled="">

            </div>

            <button class="btn btn-primary btn-sm ms-3" data-mdb-add-entry="" data-mdb-target="#tableEditor-511e95dda71948278476c746115a9973">

              <i class="fa fa-plus"></i>

            </button>

          </div>

          <hr class="hr mb-0" />

          <div id="tableEditor-511e95dda71948278476c746115a9973" data-mdb-loading="false"></div>

        </div>

      </li>

      <li class="stepper-step">

        <div class="stepper-head">

          <span class="stepper-head-icon">2</span>

          <span class="stepper-head-text">step2</span>

        </div>

        <div class="stepper-content py-3"></div>

      </li>

    </form>

  </ul>

  <div class="d-flex justify-content-center px-3">

    <button id="form-example-prev-step" class="btn btn-primary w-100 me-2">Previous step

    </button>

    <button id="form-example-next-step" class="btn btn-primary w-100">Next step

    </button>

  </div>

</div>