alpinejs conditional classes
<div :class="{ 'hidden': ! show }">
Setting the hidden
attribute when show is set to false. Inside the :class
attribute you will include a JS object with the key being the classes you want to add, and the second is the condition you want to evaluate as to whether or not that class should be added.
Here is what the above code is doing:
1. If the user is logged in, then show the textarea input field.
2. If the user is not logged in, show a message asking the user to log in or sign up.
We can see that the user is logged in by accessing the user in the