data-aether-auto

This attribute is the "Plug and Play" feature of AetherJS. It boots up the library with default settings without requiring any additional JavaScript configuration.

01 Usage

This attribute must be added to the body tag of your page. When the library is loaded, it searches for this attribute on the DOM and triggers the initialization if found.

index.html

<body data-aether-auto>
    ...
</body>

02 Important Notes

When Not to Use?

If you need to change the library's default settings (for example, if you want to change the prefix or turn off debug mode in a production environment), do not use the data-aether-auto attribute.

Instead, manually call the AetherUI.init({...}) function after the script file.