Elastic UI 框架

Elastic UI 框架是一组 React UI 组件，用于在 Elastic 中快速构建用户界面。

查看我们的完整文档站点，其中包含 EUI 框架美学中的许多组件示例，以及如何在您的产品中使用它们。我们还有一个涵盖常见使用问题的常见问题解答。有关 EUI 的其他一般性问题，请查看讨论选项卡。

本文档的其余部分将详细介绍如何在本地运行和贡献EUI 文档站点。

本地运行

Node

我们依赖于.nvmrc中定义的node版本。

您可能需要安装node版本管理器。推荐使用nvm。

要安装和使用正确的noode版本 nvm：

nvm install

注意： 如果您在M1 Apple 设备上运行，您可能需要执行以下操作

• 降级到节点 v14（lts/fermium又名 v14.19.3有效）
• 确保您在 Rosetta 模式下运行终端 > -Terminal在 Finder 中选择应用程序（应用程序 -> 实用程序）
• 右键单击并选择 Get Info然后选中 Open using Rosetta复选框
• 关闭窗口并重新启动终端

文档

您可以通过运行以下命令在http://localhost:8030/本地运行文档。

yarn
yarn start

如果另一个进程已经在监听 8030 端口，则将使用下一个空闲端口。或者，您可以指定一个端口：

yarn start --port 9000

目标

这个库的主要目标是提供可重用的 UI 组件，可以在 Elastic 的 Web 产品中使用。作为 React 组件，它们从构建 UI 的过程中移除了 CSS。作为单一的事实来源，该框架允许我们的设计师直接在代码中对我们的审美进行更改。UI 组件的单元测试覆盖率使我们能够提供稳定的“用户界面 API”。

维基

消耗

• 使用 EUI
• 将 EUI 与 react-router 一起使用

维护/贡献

贡献.md

• 组件设计
• 组件开发
  • 手动创建组件
  • 使用 Yeoman 创建组件
• 创建图标
• 测试
  • 可访问性测试
• 文档
• 发布版本

执照

在 Elastic v2 和服务器端公共许可下双重许可，v 1阅读常见问题以了解详细信息。