---
title: 子屏标题
order: 3
---

## 文本类-子屏标题 SubScreenTitle

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

const { SubScreenTitle } = Text;

const App = () => {
  return (
    <div data-theme="dark" className="subscreen-title">
      <SubScreenTitle
        onChange={(key) => { console.log(key); }}
        dataSource={['概览统计', '实时事件', '设备感知']}
        defaultActiveKey="设备感知"
      />
    </div>
  );
}

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

````css
.subscreen-title {
  background-color: #1f3b6d;
  display: flex;
  align-items: center;
  height: 56px;
}

.subscreen-title > div {
  height: 100%;
}
````
