Disable feature for card tabs

[hemanthvrm]

• I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

Tabs feature has disabled option whereas card tabs don't have any.

What does the proposed API look like?

Adding disabled key to tablist prop for cards will solve the issue.

Right now tablist accepting only Array<{key: string, tab: ReactNode}>

const tabListNoTitle = [{
  key: 'article',
  tab: 'article',
 disabled : true
}, {
  key: 'app',
  tab: 'app',
disabled : false
}, {
  key: 'project',
  tab: 'project',
 disabled : false
}]

[vadymhimself]

@hemanthvrm i believe there has to be an option to add a tooltip or other user message to display the reason for disabling the tab. Can you kindly advise how to accomplish this?

[hemanthvrm]

@vadymhimself

firstly i requested for tab disabling feature long back when it is not available ,
Just now verified in latest version of ANTd that card is taking tabs component as prop, so in new version it is solved.

If you want tooltip on why the tab is disabled then you have to write your logic since it is not a generic usecase which will be helpful for everyone.

Solution:
Label prop accepts react node , so you can include your tooltip component in label prop.

ex:

{
key: “1”,
disabled: true,
label : <><Tooltip title=“i am disabled reason”>Tab title </>

}