Alert 警告 - Docs - Artefact

Alert 警告

Feedback

展示型

简介

以吸引用户注意但不打断其任务的方式，显示简短而重要的消息。

用法

Success

Your changes have been saved.

import { Alert, AlertIcon } from "../components/ui";

export default function MyPage() {
  return (
    <Alert
      status="success"
      title="Success"
      description="Your changes have been saved."
      indicator={<AlertIcon />}
    />
  );
}

CMS 页面构建器

该组件在页面构建器 (content/pages/*.json) 中作为 alert 区块提供：

{
  "type": "alert",
  "status": "success",
  "title": "Success",
  "description": "Your changes have been saved.",
  "variant": "subtle"
}

属性

属性	类型	说明
`title`	`string`	alert 的标题。
`description`	`string`	alert 的描述。
`indicator`	`Child`	作为指示器渲染的图标或元素。
`children`	`Child`	组件内部渲染的额外内容。
`class`	`string`	自定义 CSS 类。