Bulma es un marco CSS gratuito y de código abierto que se envía con componentes y elementos prefabricados. Hace que el desarrollo de sitios web sea muy rápido, ya que no tiene que diseñar todo desde cero.
El elemento Bulma Delete se puede usar con otros elementos para hacer diferentes interfaces de usuario. La propia Bulma lo usa dentro de etiquetas , notificaciones y mensajes .
Sintaxis:
<span class="tag is-danger">
Operation Unsuccessful
<button class="delete"></button>
</span>
Ejemplo: El siguiente ejemplo ilustra cómo se usa el elemento de eliminación en combinación con otros elementos.
HTML
<!DOCTYPE html>
<html>
<head>
<title>Bulma Delete Combinations</title>
<link rel="stylesheet" href=
"https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
<style>
div.container>div {
margin: 20px;
}
</style>
</head>
<body class="has-text-centered">
<h1 class="is-size-2 has-text-success">GeeksforGeeks</h1>
<b>Bulma Delete Combinations</b>
<div class="container">
<div>
<span class="tag is-danger">
Operation Unsuccessful
<button class="delete"></button>
</span>
</div>
<div class="notification is-success">
<button class="delete"></button>
GeeksforGeeks is a computer science portal for geeks.
It provides articles and videos on different
topics like Data Structures, Algorithms, DBMS,
Computer Network etc.
</div>
</div>
</body>
</html>
Producción:
Referencia: https://bulma.io/documentation/elements/delete/#combinations