# Timeline
时间轴
## Basic
```tsx
import React, { useState } from 'react'
import { Timeline, TimelineItem, RadioGroup, Radio, Form, FormItem } from 'react-icecream'
export default () => {
const [placement, setPlacement] = useState('top')
const [mode, setMode] = useState('right')
return (
吃了炸鸡
吃了汉堡
吃了薯条
喝了可乐
)
}
```
## 自定义图标
```tsx
import React from 'react'
import { Timeline, TimelineItem } from 'react-icecream'
import { ClockCircleIcon } from 'react-icecream/icons'
export default () => {
return (
} label="2020/02/03">吃了炸鸡
吃了汉堡
} label="2020/02/05">吃了薯条
喝了可乐
)
}
```
## 自定义内容
```tsx
import React, { useState } from 'react'
import { Timeline, TimelineItem, RadioGroup, Radio, Form, FormItem, Card } from 'react-icecream'
export default () => {
const [mode, setMode] = useState('right')
return (
天气预报：小雨转多云
吃了炸鸡
天气预报：小雨转多云
吃了汉堡
天气预报：小雨转多云
吃了薯条
喝了可乐
)
}
```
## 水平布局
```tsx
import React, { useState } from 'react'
import { Timeline, TimelineItem, Card } from 'react-icecream'
import { ClockCircleIcon } from 'react-icecream/icons'
export default () => {
return (
天气预报：小雨转多云
吃了炸鸡
} label="2020/02/04">
天气预报：小雨转多云
吃了汉堡
天气预报：小雨转多云
吃了薯条
喝了可乐
)
}
```
## Timeline API
## TimelineItem API