オーバーレイのモーダルの実装について

Question

JSFを使用して、一覧画面から削除機能を搭載した画面を作成しています。

実現したいこと

現在confirmを使用してダイアログを表示させているが、これを
削除用のアイコンをクリックし確認用のhtmlが表示されるモーダルウィンドウを作成したい。

発生している問題・エラーメッセージ

・svgタグを使用したアイコンをクリックした場合にオーバーレイを使用してモーダルウィンドウのように画面に表示と非表示を切り替えたい。
その際オーバーレイのモーダルの実装についてhtmlとCSSとJavaScriptをどう記載していけば良いかわからないため、良いやり方や、
参考となるサイトなどがれば、ご教授いただけますでしょうか。

補足情報

java version 1.8.0_251
JSF

Answer 1

<dialog> で showModal() を呼べばよいでしょう。