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

<urban-filemanager-file>
    <div class="file-table__row">
        <div class="file-table__column file-table__column--select" onchange={ (event) => { props.handleMarked(event, this) } }>
            <input type="checkbox" value="true" />
        </div>
        <div class="file-table__column file-table__column--filename" onclick={ (event) => { props.handleClick(event, this) } }>
            { props.file.filename }
        </div>
        <div class="file-table__column file-table__column--size">
            <div class="file-table__inner has-text-right width-100">{ props.file.meta.size }</div>
        </div>
        <div class="file-table__column file-table__column--date">
            <div class="file-table__inner has-text-right">{ props.file.meta.updated_at }</div>
        </div>
    </div>
    <script>

    export default {

    }

    </script>
</urban-filemanager-file>