Shadcn modify text color on tabs TabsTrigger

Answered

SpicyJungle posted this in #help-forum

Open in Discord

2024-01-01T23:56:46.000Z

Hey, is it possible to modify the text color on one specific instance of the Tabs component, and modify the text color on <TabsTrigger> depending on wether its active/unactive?

Answered by Ray

yes try this className
data-[state=active]:text-red-500

View full answer

2 Replies

@SpicyJungle Hey, is it possible to modify the text color on one specific instance of the Tabs component, and modify the text color on `<TabsTrigger>` depending on wether its active/unactive?

2024-01-02T00:00:29.000Z

yes try this className
data-[state=active]:text-red-500

Answer

@Ray yes try this className `data-[state=active]:text-red-500`

2024-01-02T00:00:54.000Z

Perfect, thanks!