Bulma Delete

Bulma delete element is a stand-alone element that looks like a circle with a cross.

Step To Create Bulma CSS Delete Element

To create, Bulma CSS delete element add .delete class to the <button> element base class.

Example

Web design App Design

General Syntax

      
        <button class="delete"></button>      
    
Try it now

Source Code

Download
          
            Web design  <button class="delete"></button>
App Design  <button class="delete"></button>          
        
Try it now

Source Code : Output

Web design App Design

Bulma CSS : Delete Element Size

There are four predefined sizes of delete elements such as small, medium, large & by default size.

General Syntax

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

Source Code

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

Source Code : Output

Hello World

Delete Element With Tags & Notification

Delete element can also be used with the tag & notification element.

General Syntax

      
        <div class="block">
  <span class="tag is-success">
    <button class="delete is-small"></button>
  </span>
</div>
<div class="notification is-danger">
  <button class="delete"></button>
</div>      
    
Try it now

Source Code

Download
          
            <div class="block">
  <span class="tag is-success">
      Learn PHP & MySQL
    <button class="delete is-small"></button>
  </span>
</div>
<div class="notification is-danger">
  <button class="delete"></button>
  sudhakarinfotech provides front-end and back-end tutorials step by step.
</div>          
        
Try it now

Source Code : Output

Learn PHP & MySQL
sudhakarinfotech provides front-end and back-end tutorials step by step.
Web Tutorials
Bulma Delete
Html Tutorial HTML
Javascript Tutorial JAVASCRIPT
Css Tutorial CSS
Bootstrap 5 Tutorial BOOTSTRAP 5
Bootstrap 4 Tutorial BOOTSTRAP 4