---
title: Simple Usage
order: 1
---

本 Demo 演示一行文字的用法。

```jsx
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import Elevator from '@alibsp/elevator';
import '@alifd/next/index.scss'

class App extends Component {
  render() {
    return (
      <div>
         <Elevator
            dataSource={[
             {
               title: "floor 1",
               id: "id1",
             },
             {
               title: "floor 2",
               id: "id2",
             },
             {
               title: "floor 3",
               id: "id3",
             },
           ]}
         >
          <div>
            <div id="id1" key={"id1"} style={{height: 600}}>floor 1 content</div>
            <div id="id2" key={"id2"} style={{height: 600}}>floor 2 content</div>
            <div id="id3" key={"id3"} style={{height: 600}}>floor 3 content</div>
          </div>
        </Elevator>
      </div>
    );
  }
}

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