ionic-team / ionic-team/ionic-docs
React: IonTabButton cannot be wrapped for use with IonTabBar
- Dominant language
- MDX
- Stars
- 621
- Forks
- 3.2k
- Avg merge
- 1d 2h
- Merged PRs (30d)
- 86
Description
**URL**
https://ionicframework.com/docs/api/tab-bar
**What is missing or inaccurate about the content on this page?**
It seems that `IonTabButton` cannot be wrapped in another component; `IonTabBar` won't recognize it.
This should be noted in the documentation.
**Background**
My app puts the `IonTabButton` in a different order depending on whether the user is right-handed or left-handed.
Example of code that doesn't work (tabs are not displayed):
```
return (
{children}
```
And here is a wrapper component:
```
const TabButtonHelp: React.VFC = () => (
Help
);
```
This does work:
```
return (
{children}
Help
```
Contributor guide
Assessment
This issue has not been assessed yet.