You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
747 B
35 lines
747 B
4 years ago
|
<template>
|
||
|
|
<button type="button" class="navbar-toggler"
|
||
|
|
data-toggle="collapse"
|
||
|
|
@click="handleClick"
|
||
|
|
:data-target="`#${target}`"
|
||
|
|
:aria-controls="target"
|
||
|
|
:aria-expanded="expanded"
|
||
|
|
aria-label="Toggle navigation">
|
||
|
|
<span></span>
|
||
|
|
<span></span>
|
||
|
|
</button>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "close-button",
|
||
|
|
props: {
|
||
|
|
target: {
|
||
|
|
type: [String, Number],
|
||
|
|
description: "Close button target element"
|
||
|
|
},
|
||
|
|
expanded: {
|
||
|
|
type: Boolean,
|
||
|
|
description: "Whether button is expanded (aria-expanded attribute)"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
handleClick(evt) {
|
||
|
|
this.$emit("click", evt);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
<style>
|
||
|
|
</style>
|