CloseButton

Basic

{% component "CloseButton" / %}

Preview:

Disabled

{% component "CloseButton" disabled=True / %}

Preview:

White Variant

{% component "CloseButton" variant="white" / %}

Preview:

White Variant Disabled

{% component "CloseButton" variant="white" disabled=True / %}

Preview:

Custom Aria Label

{% component "CloseButton" / %}

Preview:

Custom Attrs

{% component "CloseButton" attrs:class="custom-class" / %}

Preview:

Data Bs Dismiss

{% component "CloseButton" attrs:data-bs-dismiss="modal" / %}

Preview:

Data Bs Dismiss Alert

{% component "CloseButton" attrs:data-bs-dismiss="alert" / %}

Preview: