Bulma split button dropdown using data-star

bulma-split-button-data-star.html

<!-- 

Pasting this example for future reference.
https://bulma.io/documentation/components/dropdown/
https://data-star.dev/reference/attributes

-->

<div class="field is-grouped is-grouped-right">
    <div class="control">
        <div class="dropdown" data-signals="{'_ddOpen': false}"
             data-class:is-active="$_ddOpen">
            <div class="dropdown-trigger buttons has-addons mb-1">
                <button class="button is-success" type="button"
                        data-indicator:_fetching
                        data-on:click="@post('saveclose')">
                    <span>Save and close</span>
                </button>
                <button class="button is-success" type="button"
                        style="border-left: white solid 1px"
                        data-on:click="$_ddOpen = !$_ddOpen"
                        data-on:blur__delay.200ms="$_ddOpen=false">
                    <span class="icon is-small">
                        <i class="fas fa-angle-down" data-show="! $_ddOpen"></i>
                        <i class="fas fa-angle-up" data-show="$_ddOpen"></i>
                    </span>
                </button>
            </div>
            <div class="dropdown-menu pt-0 pr-3" role="menu">
                <div class="dropdown-content py-0">
                    <span class="dropdown-item has-text-weight-bold has-background-success-light is-clickable"
                          style="border-radius: 5px"
                          data-indicator:_fetching
                          data-on:click="@post('save')">Save</span>
                </div>
            </div>
        </div>
    </div>
</div>