EUI使用

EUI简介

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

文档查看

    查看官方文档
    自己下载代码,根据不同版本生成不同文档
    下载自己需要的版本,然后执行yarn && yarn start

使用

1
import {
2
EuiPage,
3
EuiPageBody,
4
EuiPageContent,
5
EuiPageContentBody,
6
EuiPageContentHeader,
7
EuiPageContentHeaderSection,
8
EuiTitle,
9
EuiFlexGroup,
10
EuiFlexItem,
11
EuiText,
12
EuiSpacer,
13
} from '@elastic/eui';
14
import 'ui/autoload/styles';
Copied!

效果