This sample demonstrates using Calcite components and the ArcGIS Maps SDK for JavaScript to create a simple application layout with a header and a map.
A simple layout like this can serve as a starting point for building more complex applications, or as a showcase for a focused, map-driven experience.
Application behavior
A Shell is configured to include the Navigation and Navigation Logo components and a Panel is used to house the arcgis-map.
Using the "header" slot of the Shell allows the Navigation component to span the full width of the application and provides a clear separation between the title display and main content area. The Navigation Logo component is placed in the Navigation's "logo" slot, ensuring consistent positioning and display.