show Modal
trigger Event Modal
attached-top
attached-bottom
attached-left
attached-right
I agree to the terms and conditions
Submit
<template>
<div>
<fish-button @click="showModalFunc">show Modal</fish-button>
<fish-modal title="Welcome.." :visible.sync="showModal">
<fish-form>
<fish-fields>
<fish-field label="First Name" span="eight">
<fish-input></fish-input>
</fish-field>
<fish-field label="Last Name" span="eight">
<fish-input></fish-input>
</fish-field>
</fish-fields>
<fish-field label="Username" inline>
<fish-input></fish-input>
</fish-field>
<fish-field label="Password">
<fish-input type="password"></fish-input>
</fish-field>
<fish-field>
<fish-checkbox index="0">I agree to the terms and conditions</fish-checkbox>
</fish-field>
<fish-button type="primary" @click="showModal = false">Submit</fish-button>
</fish-form>
</fish-modal>
</div>
</template>
<script>
export default {
data () {
return {
showModal: false
}
},
methods: {
showModalFunc () {
this.showModal = true
}
}
}
</script>