xxxxxxxxxx1
<template>2
<MDBStepper ref="btnStepper">3
<MDBStepperStep active>4
<MDBStepperHead icon="1">5
Step 16
</MDBStepperHead>7
<MDBStepperContent>8
<MDBTabs>9
<!-- Tabs navs -->10
<MDBTabNav tabs-classes="mb-3 text-center">11
<MDBTabItem12
tag="button"13
:wrap="false"14
tab-id="ex6-1"15
class="fw-bold"16
>Small Content Tab</MDBTabItem17
>18
<MDBTabItem19
tag="button"20
:wrap="false"21
tab-id="ex6-2"22
class="fw-bold"23
>Large Content Tab</MDBTabItem24
>25
</MDBTabNav>26
<!-- Tabs navs -->27
<!-- Tabs content -->28
<MDBTabContent>29
<MDBTabPane tab-id="ex6-1">30
<MDBInput label="just one input"></MDBInput>31
</MDBTabPane>32
<MDBTabPane tab-id="ex6-2">33
<form>34
<MDBInput label="taking up space..."></MDBInput>35
<MDBInput label="taking up space..."></MDBInput>36
<MDBInput label="taking up space..."></MDBInput>37
<MDBInput label="taking up space..."></MDBInput>38
<MDBInput label="taking up space..."></MDBInput>39
<MDBInput label="taking up space..."></MDBInput>40
<MDBInput label="taking up space..."></MDBInput>41
<MDBInput label="taking up space..."></MDBInput>42
<MDBInput label="taking up space..."></MDBInput>43
<MDBInput label="taking up space..."></MDBInput>44
<MDBInput label="taking up space..."></MDBInput>45
<MDBInput label="taking up space..."></MDBInput>46
<MDBTextarea label="Message" rows="10"></MDBTextarea>47
</form>48
</MDBTabPane>49
</MDBTabContent>50
<!-- Tabs content -->51
</MDBTabs>52
</MDBStepperContent>53
</MDBStepperStep>54
</MDBStepper>55
</template>xxxxxxxxxx1
<style>2
#app {3
font-family: Roboto, Helvetica, Arial, sans-serif;4
}5
</style>xxxxxxxxxx1
<script>2
import { MDBContainer,3
MDBCard,4
MDBStepper,5
MDBStepperStep,6
MDBStepperHead,7
MDBStepperContent,8
MDBBtn,9
MDBTabs,10
MDBTabNav,11
MDBTabContent,12
MDBTabItem,13
MDBTabPane, MDBInput, MDBTextarea} from "mdb-vue-ui-kit";14
15
export default {16
name: "App",17
components: {18
MDBContainer, MDBCard,19
MDBStepper,20
MDBStepperStep,21
MDBStepperHead,22
MDBStepperContent,23
MDBBtn,24
MDBTabs,25
MDBTabNav,26
MDBTabContent,27
MDBTabItem,28
MDBTabPane,29
MDBInput, MDBTextarea30
},31
props: {32
msg: String33
},34
};35
</script> Console errors: 0