Usage

Shows additional information about a map marker in a sidebar.

Rules

• On desktop, show the sidebar along the left edge at the full height of the map. On small screens, show the content in a box at the bottom of the screen, like a pop-up or card. The box has no fixed height.
• Provide a close button in the upper-right corner.
• When the user selects another marker, keep the sidebar open and replace its content.

Variants

The component has the following variants:

• Mode: light/dark
• Breakpoint: mobile/desktop

Desktop

Mobile