---------------------- Yes, there is a way to set the color of the Button components when they're in an open state in a NuxtUI Accordion. This can be achieved by customizing the Accordion component using the `default` slot and applying conditional styling based on the open state. Here's how you can do it: 1. Use the `default` slot of the Accordion component. 2. In the slot, you'll have access to the `open` property which indicates whether the accordion item is open or not. 3. Apply conditional styling based on the `open` state. Here's an example of how you can implement this: ```vue ``` In this example, we're using the `variant` prop of the UButton component to change its appearance based on the `open` state. When the accordion item is open, the button will use the 'solid' variant, and when it's closed, it will use the 'ghost' variant. You can further customize the colors by adjusting the `color` prop of the UButton component or by applying custom classes based on the `open` state. This approach allows you to have full control over the styling of the accordion buttons in both open and closed states.

NuxtUI Accordion Button color when open

Similar Threads

Similar Threads

Similar Threads