Как добавить значок close в Material UI Dialog Верхний правый верхний угол заголовка

Question

Хотите добавить близкую иконку в заголовок в верхнем правом углу. Пожалуйста, помогите мне за это. Я использовал диалоговое окно интерфейса материала. evrything работает нормально, но я хочу закрыть кнопку на верхней части. См. Прикрепленное изображение.

Answer 1

Поместите значок изображения в названии, а также использовать css расположить его правильно, попробуйте это:

Примените этот css на близком изображении:

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> 

Проверьте рабочую скрипку: https://jsfiddle.net/ve0qbgLr/