---
title: 指标
order: 7
---

## 文本类-指标 Indicator

````jsx
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { Text, STYLE_PREFIX } from '@linkdesign/screen';

const { Indicator } = Text;

const App = () => {
  return (
    <div data-theme="dark" className={`container ${STYLE_PREFIX}main-body`}>
      <Indicator
        className="indicator"
        label="指标标题1"
        value="2300"
        unit="个"
      />
      <Indicator
        className="indicator"
        label="指标标题2"
        value="300"
        unit="个"
      />
      <Indicator
        className="indicator"
        label="指标标题3"
        value="60"
        unit="%"
      />
    </div>
  );
}

ReactDOM.render((
  <App />
), mountNode);
````

````css
.container {
  position: relative;
}

.indicator {
  padding: 20px;
  background-color: #1f3b6d;
  display: inline-block;
  margin-right: 30px;
}
````
