提示框

简介

abp-alert 是创建提示框的主要元素。

基本用法：

<abp-alert alert-type="Primary">
    一个简单的首要提示框——快来看看！
</abp-alert>

演示

查看 提示框演示页面 以体验实际效果。

属性

alert-type

指定提示框类型的值。应为以下值之一：

• Default（默认值）
• Primary
• Secondary
• Success
• Danger
• Warning
• Info
• Light
• Dark

示例：

<abp-alert alert-type="Warning">
    一个简单的警告提示框——快来看看！
</abp-alert>

alert-link

为提示框内链接提供匹配颜色的值。

示例：

<abp-alert alert-type="Danger">
    一个简单的危险提示框，包含[示例链接](/docs/zh-Hans/abp-docs/latest/framework/ui/mvc-razor-pages/tag-helpers/#)。喜欢就点一下吧。
</abp-alert>

dismissible

使提示框可关闭的值。

示例：

<abp-alert alert-type="Warning" dismissible="true">
    天啊！您应该检查一下下面的某些字段。
</abp-alert>

额外内容

abp-alert 还可以包含其他 HTML 元素，如标题、段落和分隔线。

示例：

<abp-alert alert-type="Success">
    <h4>干得漂亮！</h4>
    <p>太好了，您成功阅读了这条重要的提示信息。这个示例文本会稍长一些，以便您了解此类内容在提示框中的间距表现。</p>
    <hr>
    <p class="mb-0">无论何时需要，请务必使用边距工具来保持整洁美观。</p>
</abp-alert>