Skip to content

UTabs allow changing leadingIcon color based on indicator state #6185

@jwoertink

Description

@jwoertink

Package

v4.x

Description

This would allow you to set the active tab's icon to a different color than the text itself.

Maybe something like this?

<UTabs :ui="{
  leadingIcon: "data-[state=active]:text-primary"
}"
/>

Here's a screenshot of what I'm talking about. Normally the "Account" would be green like the icon, but by allowing the icon to be a different color than text, we can have a few more design options.

Image

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requesttriageAwaiting initial review and prioritizationv4#4488

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions