### Сепаратор после шапки
Практически всегда содержимое панели должно начинаться с [`Separator`](https://vkcom.github.io/vkui-styleguide/#!/Separator),
поэтому он рисуется в `PanelHeader` по-умолчанию.
Исключения, в которых разделитель в начале панели не нужен:
* В `PanelHeader` рисуется [`Search`](https://vkcom.github.io/vkui-styleguide/#!/Search).
* После `PanelHeader` рисуется [`Search`](https://vkcom.github.io/vkui-styleguide/#!/Search).
* В `PanelHeader` рисуются [`Tabs`](https://vkcom.github.io/vkui-styleguide/#!/Tabs).
В таких случаях передавайте в `PanelHeader` свойство `separator={false}`.
```jsx
class Example extends React.Component {
constructor(props) {
super(props);
this.state = {
mainPanel: 'panel1',
modalPanel: 'modal-panel1',
activeView: 'main'
}
}
render() {
return (
}
right={}
>
Стартовый экран
this.setState({ mainPanel: 'panel2' }) }>
Вторая панель
this.setState({ mainPanel: 'panel1' })}>Назад}
left={ this.setState({ mainPanel: 'panel1' })} />}
right={21}>}
>
Вторая панель
this.setState({ mainPanel: 'panel3' }) }>
Несколько иконок
this.setState({ mainPanel: 'panel2' })}/>}
right={
3}>
2}>
}
>
Две иконки
this.setState({ activeView: 'modal' }) }>
Модальное окно
this.setState({ activeView: 'main' })}>Отмена}
right={ this.setState({ activeView: 'main' })}>Готово}
>
Модальное окно
this.setState({ modalPanel: 'modal-panel2' }) }>
Сложный контент
this.setState({ modalPanel: 'modal-panel1' })} />}>
} status="Был в сети вчера">
Влад Анесов
this.setState({ modalPanel: 'modal-panel3' }) }>
Поиск
this.setState({ modalPanel: 'modal-panel2' })} />}>
this.setState({ modalPanel: 'modal-panel4' }) }>
Табы
this.setState({ modalPanel: 'modal-panel3' })} />}>
Новости
Интересное
)
}
}
```