TabPanel name is incorrect in ClayTabs component

[veroglez]

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

Is there an example you can provide via codesandbox.com?

It is in the clayui documentation

What are the steps to reproduce?

Use ClayTabs component

What is the expected result?

ClayTabs.TabPane must be renamed to ClayTabs.TabPanel

Environment

Tech	Version
Clay	v3
React	16.12.0

[marcoscv-work]

Bootstrap changed the name but It would make sense since 'HTML5 semantic' calls this item role="tabpanel"

[bryceosterhaus]

We based our naming decision on the .tab-pane class. We probably want to avoid a rename here in v3.x, but I can add this to our notes for 4.x.

[pat270]

Is it possible to make a TabPanel alias that maps to TabPane?

[bryceosterhaus]

@pat270 yeah that is possible. I am curious though if this naming is actually a problem though. Does clay need to match semantic html naming patterns? I'm not totally opposed to it, but makes me wonder if we are putting ourself under an unnecessary constraint.

[pat270]

@bryceosterhaus I didn't even think about following the role attribute. I was thinking calling TabPanel was a common mistake. It would be nice to have an alias? I agree with you that we should use Bootstrap's names since the markup is tightly coupled to the component.

[marcoscv-work]

of course, it's probably not a problem or a wrong name, but it seems to cause doubts sometimes, so it's something that needs to consider in some way

[bryceosterhaus]

Ah I see, that makes sense. Yeah I will go ahead and add an alias for it.