Simulate click

When a dom object is clicked with simulate click attrubute the default action of the object will be prevented. A click event will then be sent to the target defined in the data attribute.

<button class="c-button c-button__filled c-button__filled--default c-button--lg c-button__toggle" target="_top" data-simulate-click=".c-navbar__logo > a" aria-pressed="false" type="basic" aria-label="Go to homepage." data-uid="662b598818bee">   
     <span class="c-button__label">         
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--code c-icon--material c-icon--material-code material-symbols-outlined material-symbols-outlined--filled c-icon--size-lg" aria-hidden="true" material-symbol="code" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" data-uid="662b598818cc7">
            </span>
            </span>
        
                    <span class="c-button__label-text ">
                Go to homepage.
            </span>
        
    </span> </button>

Attributes

Blade component parameters

Attributes Description Values
data-simulate-click A string with a target element. This target multiple or single elements. eg. #link