---
name: Alert 警告提示
route: /Alert
menu: 组件
---

import { HappyBox } from '../../doc-comps';
import BasicDemo from './demo/1-demo-basic';
import BasicDemoCode from '!raw-loader!./demo/1-demo-basic.tsx';

## Alert 警告提示

警告提示，展现需要关注的信息。

### 代码演示

#### 基本用法

<HappyBox code={BasicDemoCode} title="基本用法" desc="使用kind控制Alert类型">
  <BasicDemo />
</HappyBox>

### API

| 属性 | 说明     | 类型                                         | 默认值 |
| ---- | -------- | -------------------------------------------- | ------ |
| kind | 警告类型 | 'info'/'positive'/'negative'/'warning'非必填 | 'info' |