---
title: 标题
order: 2
---

## 文本类-标题 Title

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

const { Title } = Text;

const App = () => {
  return (
    <div data-theme="dark" className="title">
      <Title className={`${STYLE_PREFIX}main-title main-title`}>物联网智慧城市中枢</Title>
      <Title className={`${STYLE_PREFIX}sub-title sub-title`}>
        <span
          className={`${STYLE_PREFIX}iconfont-ability`}
          dangerouslySetInnerHTML={{ __html: '&#xe6e1;' }}
        />
        无东市滨海区
      </Title>
    </div>
  );
}

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

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

.sub-title {
  margin-left: 36px;
}

.sub-title .iotx-city-iconfont-ability {
  margin-right: 8px;
}
````
