<template>

  <MDBStepper>

    <MDBStepperStep active>

      <MDBStepperHead icon="1">

        Step 1

      </MDBStepperHead>

      <MDBStepperContent>

          <MDBTabs v-model="activeTabId1">

    <!-- Tabs navs -->

    <MDBTabNav tabsClasses="mb-3">

      <MDBTabItem tabId="ex1-1" href="ex1-1">Tab #1</MDBTabItem>

      <MDBTabItem tabId="ex1-2" href="ex1-2">Tab #2</MDBTabItem>

      <MDBTabItem tabId="ex1-3" href="ex1-3">Tab #3</MDBTabItem>

    </MDBTabNav>

    <!-- Tabs navs -->

    <!-- Tabs content -->

    <MDBTabContent>

      <MDBTabPane tabId="ex1-1">

        <MDBInput label="Example label" v-model="input1" />           </MDBTabPane>

      <MDBTabPane tabId="ex1-2">Content #2</MDBTabPane>

      <MDBTabPane tabId="ex1-3">Content #3</MDBTabPane>

    </MDBTabContent>

    <!-- Tabs content -->

  </MDBTabs>

      </MDBStepperContent>

    </MDBStepperStep>

    <MDBStepperStep>

      <MDBStepperHead icon="2">

        Step 2

      </MDBStepperHead>

      <MDBStepperContent>

        <span>

          Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea

          commodo consequat

        </span>

      </MDBStepperContent>

    </MDBStepperStep>

    <MDBStepperStep>

      <MDBStepperHead icon="3">

        Step 3

      </MDBStepperHead>

      <MDBStepperContent>

        <span>

          Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat

          nulla pariatur

        </span>

      </MDBStepperContent>

    </MDBStepperStep>

  </MDBStepper>

</template>