マテリアルUIダイアログで閉じるアイコンを追加する方法ヘッダーの右上

Question

ヘッダセクションの右上にクローズアイコンを追加したいと思います。同じように私を助けてください。 マテリアルUIダイアログを使用しました。 evrythingは正常に動作していますが、上部のセクションに閉じるボタンが必要です。添付の画像をご覧ください。

Answer 1

タイトルに画像アイコンを入れて、それを正しく配置するcssを使用し、これを試してみてください：

が近い画像でこのcssを適用します。https://jsfiddle.net/ve0qbgLr/：

let closeImg = {cursor:'pointer', float:'right', marginTop: '5px', width: '20px'}; 

<Dialog 
    modal={false} 
    open={true} 
    title={ 
      <div> 
       ABC 
       <img src='https://d30y9cdsu7xlg0.cloudfront.net/png/53504-200.png' style={closeImg}/> 
      </div> 
     } 
> 
    Hello 
</Dialog> 

は作業フィドルをチェック