<template>
<div class="box">
<h1>Genre</h1>
<div class="check">
<input type="checkbox" id="action" value="Action" v-model="genre">
<label for="Action">Action</label>
</div>
<div class="check">
<input type="checkbox" id="horreur" value="Horreur" v-model="genre">
<label for="horreur">Horreur</label>
</div>
<div class="check">
<input type="checkbox" id="fantastique" value="Fantastique" v-model="genre">
<label for="fantastique">Fantastique</label>
</div>
<br>
</div>
</template>

<script>

</script>

<style scoped>
.box {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    background-color: #912F56;
    width: 200px;
    border-radius: 20px;
    color:white;
    justify-content: center;
}

</style>