MaterializeCSS - Как добавить кнопку закрытия на карту/карту?

Question

все!

Я хотел бы спросить, как создать ЗАМОРОЖЕННУЮ КНОПКУ (x), которая может использоваться для карты или карточной панели в MaterializeCSS. У Bootstrap есть компонент Alert и, к сожалению, у MaterializeCSS нет.

Есть ли способ сделать это?

Мои оповещения (Card-панель) IMAGE 1: My Alert (Card-panel)

И вот что я хотел бы сделать. (Я видел это где-то, но код не был бесплатным).

IMAGE 2: What I would like to do

Комментарии, предложения и помогает будет очень высоко ценится.

ПРИМЕЧАНИЕ: Я не могу опубликовать изображение, потому что у меня не менее 10 репутации. Спасибо.

Answer 1

Я решил свой вопрос.

Я поделюсь им для других, которые ищут ответы на один и тот же вопрос.

Alert

Вместо использования карты/карты-панель, я использовал 'Chip'.

Вот код.

<div class="row"> 
    <div class="col s12 m10 l10 offset-m1 offset-l1"> 
     <div class="chip green" style="padding: 10px 10px 10px 10px; width: 100%; height: 50px;"> 
      <i class=" close material-icons right white-text">close</i> 
      <i class="material-icons white-text left" style="padding-top: 2px;">check_circle</i> 
      <h6 class="white-text"><b>SUCCESS!</b> Your password has been changed.<h6> 
     </div> 
    </div> 
</div> 

Вы можете добавить border-radius: 0; если вы хотите удалить круглые края.