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

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

    export default {

    }

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