ionic-team / ionic-team/ionic-docs

React: IonTabButton cannot be wrapped for use with IonTabBar

Open
#2,099 0 comments 0 reactions 0 assignees View on GitHub
triage
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.