Building Collapsible Categories with Rotating Arrow Icons
Use some simple React state to toggle categories open and closed. Filter out channels based on their unread and closed state. Use Tailwind's transform and transition utilities to animate a category's arrow to the right.
The code for this lesson is divided into two sections, with this you can see the progress on the code.