30 lines
560 B
Vue
30 lines
560 B
Vue
|
<template>
|
||
|
|
<button
|
||
|
|
class="navbar-toggler"
|
||
|
|
type="button"
|
||
|
|
data-toggle="collapse"
|
||
|
|
:data-target="target"
|
||
|
|
:aria-controls="target"
|
||
|
|
:aria-expanded="toggled"
|
||
|
|
aria-label="Toggle navigation"
|
||
|
|
>
|
||
|
|
<span class="navbar-toggler-icon"></span>
|
||
|
|
</button>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
target: {
|
||
|
|
type: [String, Number],
|
||
|
|
description: 'Button target element'
|
||
|
|
},
|
||
|
|
toggled: {
|
||
|
|
type: Boolean,
|
||
|
|
default: false,
|
||
|
|
description: 'Whether button is toggled'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
<style></style>
|