urban-filehub/resources/js/components/filemanager/actions.riot

<urban-filemanager-actions>
    <div class="buttons mb-1">
        <span class="filemanager-actions__selected">
            <strong>{ props.files.length }</strong> files selected
        </span>
        <button class="button is-small is-success" disabled={ props.files.length <= 0 }>
            <svg class="icon filled" aria-hidden="true">
                <use xlink:href="/symbol-defs.svg#icon-download"></use>
            </svg>
        </button>
        <button class="button is-small is-danger" disabled={ props.files.length <= 0 }>
            <svg class="icon filled" aria-hidden="true">
                <use xlink:href="/symbol-defs.svg#icon-move"></use>
            </svg>
        </button>
        <button class="button is-small is-danger" disabled={ props.files.length <= 0 }>
            <svg class="icon filled" aria-hidden="true">
                <use xlink:href="/symbol-defs.svg#icon-delete"></use>
            </svg>
        </button>
    </div>
    <script>

    export default {

    }

    </script>
</urban-filemanager-actions>