<LayerPanelPage />

Constructor

# <LayerPanelPage children />

PropTypes:
Name Type Required Description Default
children node No An array of components (likely a LayerPanelHeader, LayerPanelContent, or LayerPanelFooter)
Since:
  • 0.5.0

View Source LayerPanel/LayerPanelPage/index.js, line 10


Examples

If you want an easy way to add a second page use the LayerPanelPage component and give it an icon. We use @material-ui/icons most of the time, they work well. This gives you a second page that has it's own tab to toggle through.

import { LayerPanel, LayerPanelPage, LayerPanelContent } from '@bayer/ol-kit'
import VpnKeyIcon from '@material-ui/icons/VpnKeyIcon'

return (
  <LayerPanel>
    <LayerPanelPage tabIcon={<VpnKeyIcon />}>
      <LayerPanelContent>
        Legends Page
      </LayerPanelContent>
    </LayerPanelPage>
  </LayerPanel>
)

image