--- title: Delete layout: documentation doc-tab: elements doc-subtab: delete --- {% capture cross_example %} {% endcapture %} {% capture cross_sizes_example %} {% endcapture %} {% capture cross_elements_example %}
Hello World
Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur adipiscing elit
Info
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.
{% endcapture %} {% include subnav-elements.html %}

Delete

A versatile delete cross

{% include meta.html colors=false sizes=true variables=false %}

The .delete element is a stand-alone element that can be used in different contexts.

On its own, it's a simple circle with a cross:

{{cross_example}}
{% highlight html %}{{cross_example}}{% endhighlight %}
{% include heading.html name="Sizes" %}

It comes in 4 sizes:

{{cross_sizes_example}}
{% highlight html %}{{cross_sizes_example}}{% endhighlight %}

Combinations

Bulma uses it for the tags, the notifications, and the messages:

{{cross_elements_example}}
{% highlight html %}{{cross_elements_example}}{% endhighlight %}