<docs>
---
order: 0
title:
  zh-CN: 操作
  en-US: Action
---

## zh-CN

可以在右上角自定义操作项。

## en-US

Custom action.

</docs>

<template>
  <a-space direction="vertical" style="width: 100%">
    <a-alert message="Success Tips" type="success" show-icon closable>
      <template #action>
        <a-button size="small" type="text">UNDO</a-button>
      </template>
    </a-alert>
    <a-alert
      message="Error Text"
      show-icon
      description="Error Description Error Description Error Description Error Description"
      type="error"
    >
      <template #action>
        <a-button size="small" danger>Detail</a-button>
      </template>
    </a-alert>
    <a-alert message="Warning Text" type="warning" closable>
      <template #action>
        <a-space>
          <a-button size="small" type="ghost">Done</a-button>
        </a-space>
      </template>
    </a-alert>
    <a-alert
      message="Info Text"
      description="Info Description Info Description Info Description Info Description"
      type="info"
      closable
    >
      <template #action>
        <a-space direction="vertical">
          <a-button size="small" type="primary">Accept</a-button>
          <a-button size="small" danger type="ghost">Decline</a-button>
        </a-space>
      </template>
    </a-alert>
  </a-space>
</template>