This commit is contained in:
Matt Marcha 2024-08-21 17:08:11 -10:00
parent 9cbbc8c467
commit 0e73d8686d
2 changed files with 13 additions and 2 deletions

View file

@ -13,4 +13,12 @@ export class Card extends Component {
},
}
};
setup() {
this.toggle = useState({isOpen: true});
}
toggleContent() {
this.toggle.isOpen = !this.toggle.isOpen;
}
}

View file

@ -5,8 +5,11 @@
<section>
<div class="card d-inline-block m-2" style="width: 18rem;">
<div class="card-body">
<h3 class="card-title"><t t-esc="props.title"/></h3>
<p class="card-text">
<h3 class="card-title">
<t t-out="props.title"/>
<button class="btn" t-on-click="toggleContent">Toggle</button>
</h3>
<p class="card-text" t-if="toggle.isOpen">
<t t-slot="default"/>
</p>
</div>