---
title: "HeroUI Modal テスト - コンポーネント ショ… | grindau.com"
description: "モーダル コンポーネントの様々な構成でのテスト ページ"
canonical: https://grindau.com/ja/%E3%83%A2%E3%83%BC%E3%83%80%E3%83%AB%E3%83%86%E3%82%B9%E3%83%88
language: ja
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/模态测试.md
  ja: https://grindau.com/ja/%E3%83%A2%E3%83%BC%E3%83%80%E3%83%AB%E3%83%86%E3%82%B9%E3%83%88.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:7b5903c7278562148ec7b02d1fb8419fc514fb464542198a1b425b52fcec485c
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/ja/%E3%83%A2%E3%83%BC%E3%83%80%E3%83%AB%E3%83%86%E3%82%B9%E3%83%88
> Canonical URL: https://grindau.com/ja/%E3%83%A2%E3%83%BC%E3%83%80%E3%83%AB%E3%83%86%E3%82%B9%E3%83%88
> 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 モーダルのすべてのタイプを様々な構成でテストします

## 確認モーダル

 シンプルな確認 破壊的な確認 非同期確認 カスタム確認

## アラートモーダル

 シンプルなアラート 警告アラート エラーアラート 情報アラート

## 入力モーダル (フォーム)

 シンプルなプロンプト メールプロンプト カスタムプロンプト

## コンテンツモーダル

 シンプルなコンテンツ リッチコンテンツ (条件) フルスクリーン

## ウィザードモーダル

 シンプルなウィザード 利用規約受け入れウィザード