---
title: "HeroUI Modal 测试 - 组件展示 | grindau.com"
description: "模态组件的各种配置测试页面"
canonical: https://grindau.com/zh/%E6%A8%A1%E6%80%81%E6%B5%8B%E8%AF%95
language: zh
robots: index, follow
og_type: website
type: modal-test
language_alternates:
  en: https://grindau.com/modal.md
  cs: https://grindau.com/cs/test-modalniho-okna.md
  de: https://grindau.com/de/modal-test.md
  es: https://grindau.com/es/prueba-modal.md
  fr: https://grindau.com/fr/test-modal.md
  hu: https://grindau.com/hu/modal-teszt.md
  it: https://grindau.com/it/test-modale.md
  nl: https://grindau.com/nl/modal-test.md
  pl: https://grindau.com/pl/test-modalny.md
  pt: https://grindau.com/pt/teste-modal.md
  ru: https://grindau.com/ru/тест-модального-окна.md
  tr: https://grindau.com/tr/modal-testi.md
  zh: https://grindau.com/zh/%E6%A8%A1%E6%80%81%E6%B5%8B%E8%AF%95.md
  ja: https://grindau.com/ja/モーダルテスト.md
  ar: https://grindau.com/ar/اختبار-النافذة.md
  ko: https://grindau.com/ko/모달-테스트.md
  pt-br: https://grindau.com/pt-br/teste-modal.md
  hi: https://grindau.com/hi/मोडल-परीक्षण.md
content_hash: sha256:e0388e766a940e9c4a34d987064191e5023968f81ba4ae523c693154e4137006
generated: 2026-08-29
---

> **Machine-readable Markdown rendering.** This is a Markdown representation of a web page,
> served for AI agents and crawlers as a token-efficient alternative to the full HTML.
> Full interactive HTML version: https://grindau.com/zh/%E6%A8%A1%E6%80%81%E6%B5%8B%E8%AF%95
> Canonical URL: https://grindau.com/zh/%E6%A8%A1%E6%80%81%E6%B5%8B%E8%AF%95
> Available languages: en, cs, de, es, fr, hu, it, nl, pl, pt, ru, tr, zh, ja, ar, ko, pt-br, hi
> Change detection: `content_hash` is the SHA-256 of this document's Markdown body — everything
> below this block, whitespace-trimmed, excluding the front-matter. Compare it to detect a real
> content change; `generated` moves on every render and is not a change signal.

# HeroUI Modal 测试

使用各种配置测试所有 HeroUI 模态类型

## 确认模态框

 简单确认 破坏性确认 异步确认 自定义确认

## 警报模态框

 简单警报 警告提醒 错误警报 信息提示

## 输入模态框 (表单)

 简单提示 电子邮件提示 自定义提示

## 内容模态框

 简单内容 丰富内容 (条款) 全屏

## 向导模态框

 简单向导 条款接受向导