Possibility to add a class on the tab strip button

1 Answer 63 Views
Styling TabStrip
Tom
Top achievements
Rank 1
Tom asked on 14 Oct 2021, 10:29 AM

We really would like to have the possibility to add a class to the tabstriptab.
The reason for that is we have a form over multiple tabs.
When an error occurds on a tab we want to color the background of this tab.

It already supports "contentClassName" but this is for the content container.
Is there a way around this or can this be put on a feature request list?

<TabStrip>
    <TabStripTab className="error" title="Paris">

    Paris form

    </TabStripTab>


    <TabStripTab title="New York City">

    New York City form

    </TabStripTab>

</TabStrip>

1 Answer, 1 is accepted

Sort by
0
Filip
Telerik team
answered on 15 Oct 2021, 11:31 AM

Hello,

You can add a class or any other custom element to the TabStripTab by using the title props as shown in this example:

https://www.telerik.com/kendo-react-ui/components/layout/tabstrip/tabs/#toc-closable-tabs

Regards, Philip Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tom
Top achievements
Rank 1
commented on 18 Oct 2021, 10:29 AM

I will try that thank you for you reply.

It is a bit of an overkill to do it like this but for now I'm happy that I can go forward with it :).

Tags
Styling TabStrip
Asked by
Tom
Top achievements
Rank 1
Answers by
Filip
Telerik team
Share this question
or