guide v11x

알림창

information

A simple information alert—check it out!

success

A simple success alert—check it out!

warning

A simple warning alert—check it out!

error

A simple error alert—check it out!

cancel

A simple cancel alert—check it out!

<div class="nd-alert nd-alert-block information">
    <div class="icon"></div>
    <h2 class="titles">information</h2>
    <p class="summary">A simple information alert—check it out!</p>
</div>
<div class="nd-alert nd-alert-block success">
    <div class="icon"></div>
    <h2 class="titles">success</h2>
    <p class="summary">A simple success alert—check it out!</p>
</div>
<div class="nd-alert nd-alert-block warning">
    <div class="icon"></div>
    <h2 class="titles">warning</h2>
    <p class="summary">A simple warning alert—check it out!</p>
</div>
<div class="nd-alert nd-alert-block error">
    <div class="icon"></div>
    <h2 class="titles">error</h2>
    <p class="summary">A simple error alert—check it out!</p>
</div>
<div class="nd-alert nd-alert-block cancel">
    <div class="icon"></div>
    <h2 class="titles">cancel</h2>
    <p class="summary">A simple cancel alert—check it out!</p>
</div>

모달

성공

변경한 설정이 성공적으로 저장되었습니다.

메시지

default

A simple default message it out!

primary

A simple primary message it out!

success

A simple success message it out!

info

A simple info message it out!

warning

A simple warning message it out!

danger

A simple danger message it out!

<div class="nd-msg">
    <div class="titles">default</div>
    <div class="content">A simple default message it out!</div>
</div>
<div class="nd-msg primary">
    <div class="titles">primary</div>
    <div class="content">A simple primary message it out!</div>
</div>
<div class="nd-msg success">
    <div class="titles">success</div>
    <div class="content">A simple success message it out!</div>
</div>
<div class="nd-msg info">
    <div class="titles">info</div>
    <div class="content">A simple info message it out!</div>
</div>
<div class="nd-msg warning">
    <div class="titles">warning</div>
    <div class="content">A simple warning message it out!</div>
</div>
<div class="nd-msg danger">
    <div class="titles">danger</div>
    <div class="content">A simple danger message it out!</div>
</div>