Delete

Delete (삭제)

다양한 상황에서 사용할 수 있는 독립형(stand-alone) 요소예요. 그 자체로는 가운데 십자(X)가 들어간 단순한 원 모양이에요.

출처: 문서

본문

delete 요소는 여러 맥락에서 쓸 수 있는 독립형 요소예요.

단독으로 쓰면 십자 표시가 있는 간단한 원이 돼요.

Example

<button class="delete"></button>

크기 (Sizes)

크기는 4가지로 제공돼요.

Example

<button class="delete is-small"></button>
<button class="delete"></button>
<button class="delete is-medium"></button>
<button class="delete is-large"></button>

조합 (Combinations)

Bulma는 이 요소를 tag, notification, message에 사용해요.

Example

<div class="block">
  <span class="tag is-success">
    Hello World
    <button class="delete is-small"></button>
  </span>
</div>

<div class="notification is-danger">
  <button class="delete"></button>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit
  amet, consectetur adipiscing elit
</div>

<article class="message is-info">
  <div class="message-header">
    Info
    <button class="delete"></button>
  </div>
  <div class="message-body">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus
    mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit
    amet fringilla. Nullam gravida purus diam, et dictum felis venenatis
    efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu
    et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna
    a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
  </div>
</article>

Sass와 CSS 변수

더 알아보기 (Learn more)

• Tag 요소
• Notification 요소