`` – это новый слой навигации. Чтобы понять, что он себя представляет, достаточно открыть VK на iOS или на
Android. Внизу располагается панель с иконками, с помощью которой пользователь может переключаться между ключевыми
разделами.
`Epic` неразрывно связан с новыми компонентами для отрисовки
нижнего меню – [Tabbar](https://vkcom.github.io/vkui-styleguide/#!/Tabbar) и
[TabbarItem](https://vkcom.github.io/vkui-styleguide/#!/TabbarItem).
Логика работы `Epic` похожа на логику `View` и `Root`: Внутри `Epic` может находиться либо коллекция `Root`,
либо коллекция `View`. У каждого элемента коллекции должен быть уникальный `id`. Свойство `activeStory` указывается
на `id` активного окна.
**Важно:** в `Epic` всегда должен быть передан `Tabbar`, так как он является единственным способом переключения
между окнами.
``` jsx
class Example extends React.Component {
constructor (props) {
super(props);
this.state = {
activeStory: 'more'
};
this.onStoryChange = this.onStoryChange.bind(this);
}
onStoryChange (e) {
this.setState({ activeStory: e.currentTarget.dataset.story })
}
render () {
return (
}>
Feed
Discover
Messages
Notifications
More
)
}
}
```