EUI简介

优质
小牛编辑
125浏览
2023-12-01

Elastic UI框架(EUI)是Elastic使用的设计库,用于构建Elastic内部产品。它分发UI React组件和静态资产,以用于构建Web布局。除了React组件之外,还有一个SASS / CSS层,可以单独使用

文档查看

  • 查看官方文档

  • 自己下载代码,根据不同版本生成不同文档

    下载自己需要的版本,然后执行yarn && yarn start

使用

import {
  EuiPage,
  EuiPageBody,
  EuiPageContent,
  EuiPageContentBody,
  EuiPageContentHeader,
  EuiPageContentHeaderSection,
  EuiTitle,
  EuiFlexGroup,
  EuiFlexItem,
  EuiText,
  EuiSpacer,
} from '@elastic/eui';
import 'ui/autoload/styles';

效果