betajs/betajs-media-components

<div class="{{css}}-chooser-container">
    <div class="{{css}}-chooser-button-container">
        <div ba-repeat="{{action :: actions}}">
            <div ba-hotkey:space^enter="{{click_action(action)}}" onmouseout="this.blur()"
                 tabindex="0" class="{{css}}-chooser-button-{{action.index}}"
                 ba-click="{{click_action(action)}}"
            >
                <input ba-if="{{action.select && action.capture}}"
                       type="file"
                       class="{{css}}-chooser-file"
                       onchange="{{select_file_action(action, domEvent)}}"
                       accept="{{action.accept}}"
                       capture />
                <input ba-if="{{action.select && !action.capture}}"
                       type="file"
                       class="{{css}}-chooser-file"
                       onchange="{{select_file_action(action, domEvent)}}"
                       accept="{{action.accept}}"
                       />
                <i class="{{csscommon}}-icon-{{action.icon}}"
                   ba-if="{{action.icon}}"></i>
                <span>
                    {{action.label}}
                </span>
            </div>
        </div>
    </div>
</div>