> For the complete documentation index, see [llms.txt](https://docs.reactnativestarter.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.reactnativestarter.com/components/bottom-tabs.md).

# Bottom Tabs

Bottom Tabs provides bottom navigation.

```jsx
 import { RadioGroup } from '../components'
 
 <RadioGroup
    items={items}
    selectedIndex={tab1State}
    onChange={index => setTab1State(index)}
    topUnderline
 />
```

Tabs also may contain `icons`, to provide a better user interfaces

```jsx
import { RadioGroup } from '../components'
 
 <RadioGroup
    items={[
        <Icon name={'staro'} size={20} />,
        <Icon name={'staro'} size={20} />,
        <Icon name={'staro'} size={20} />,
    ]}
    selectedIndex={tab1State}
    onChange={index => setTab1State(index)}
    topUnderline
 />
```