Calcite 设计系统

Calcite 设计系统是一个设计和开发资源的集合，用于轻松创建跨应用程序的引人入胜的、有凝聚力的体验。它包括设计最佳实践、图标、配色方案和丰富的 Web 组件库。

您可将 Calcite 与 GeoScene Maps SDK for JavaScript 结合使用，以构建用户友好的 Web 制图应用程序。事实上，GeoScene Maps SDK for JavaScript 微件的设计基于 Calcite，因此这两个库可在应用程序中很好地融合在一起。

Calcite 图标

您可以通过利用 <calcite-icon> 组件在应用程序界面中使用 UI 图标。

通过从下拉列表中选择一个图标来生成 <calcite-icon> 代码片段。有关在应用程序中使用 <calcite-icon> 的更多信息，请访问 Calcite 设计系统图标文档。

1
2
3
4
5
6
7
8
9
10

<!--
https://developers.arcgis.com/calcite-design-system/icons/
scale="s" (16px)
scale="m" (24px) default
scale="l" (32px)
-->
<calcite-icon
  icon="form-field-off"
</calcite-icon> 

Calcite 组件

Calcite 组件是一组可配置的、专门构建的 Web 组件，用于构建出色的 Web 体验。

使用下拉列表探索使用 Calcite 组件的各种 GeoScene Maps SDK for JavaScript 示例，并了解如何在您自己的应用程序中使用它们。有关组件的完整列表、交互式配置体验和使用指南，请参阅完整的 Calcite 设计系统组件文档。