kibana-plugin-development-tutorial
  • Introduction
  • 初识
    • 前言
    • 注意事项
    • kibana开发环境搭建
    • 插件资源
  • 快速入门
    • Hello World
    • 模板工具
    • visTypes插件案例
    • app插件案例
  • 高级进阶
    • UI Exports
    • 与ElasticSearch通信API
    • 自定义配置
    • 前后端通信
    • EUI使用
    • Server端log使用
    • Angularjs架构插件开发
    • React架构插件开发
    • visTypes高级进阶
  • 尾章
    • 开发问题汇总
    • 更多插件列表
Powered by GitBook
On this page
  • EUI简介
  • 文档查看
  • 使用
  • 效果
  1. 高级进阶

EUI使用

Previous前后端通信NextServer端log使用

Last updated 6 years ago

EUI简介

Elastic UI框架()是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';

效果

EUI
官方文档