data-aether-action

This attribute determines the type of action to be performed on the target element when the trigger is clicked. The default behavior is "Toggle," but you can change this with specific commands.

01 Usage

It is typically used with ui-control type triggers. For example, for a "Close" button inside a modal, the action should be specified as close.

index.html

<button 
    data-aether-trigger="ui-control"
    data-aether-target="notification-1"
    data-aether-action="close"
>
    ...
</button>

02 Accepted Values

AetherUI supports the following action values. If you leave this attribute empty, the system automatically operates in toggle mode.

Value	Behavior
toggle	Default Closes the element if open, opens it if closed.
open / show	Forcibly opens/makes the element visible. Does nothing if already open.
close / hide	Forcibly closes/hides the element. Does nothing if already closed.
remove	Completely removes the target element from the DOM.

03 Special Case: Remove

Removal from DOM

The action="remove" value works differently than the others. Instead of hiding the target element, it completely deletes it from the HTML structure (DOM).

This feature is ideal for info banners or temporary alert boxes that follow a "Don't show again" logic. The element cannot be brought back until the page is refreshed.