---
title: Suggestion 快捷指令
group:
  title: 提示
  path: /Suggestion
  order: 1
---

用于给予用户快捷提示的组件。

## 示例

<code src="../../examples/Suggestion"></code>

## Props
| 属性      | 类型                                                   | 是否必传 | 默认值     | 说明       |
| --------- | ------------------------------------------------------ | -------- | ---------- | ---------- |
| title     | `string`                                               | 否       | -          | 标题       |
| items     | `SuggestionItem[]`                                     | 否       | `[]`       | 建议项列表 |
| variant   | `'outlined' \| 'filled' \|  'shadow'  \| 'borderless'` | 否       | `'filled'` | 变体样式   |
| className | `string`                                               | 否       | -          | 自定义类名 |
| style     | `React.CSSProperties`                                  | 否       | -          | 自定义样式 |
| onClick   | `(item: SuggestionItem) => void \| Promise<void>`      | 否       | -          | 点击回调   |

### SuggestionItem

| 属性       | 类型                                    | 是否必传 | 默认值      | 说明              |
| ---------- | --------------------------------------- | -------- | ----------- | ----------------- |
| text       | `string`                                | 是       | `''`        | 展示文本          |
| ellipsis   | `{ rows?: number } \| boolean`          | 否       | `true`      | 省略展示配置      |
| icon       | `React.ReactNode`                       | 否       | `undefined` | 前置图标          |
| disabled   | `boolean`                               | 否       | `false`     | 是否禁用          |
| actionIcon | `React.ReactNode \| keyof typeof Icons` | 否       | `undefined` | 右侧动作图标/箭头 |