UCI

button upload 

<form action="/upload" class="" id="" name="" novalidate>
        <div class="button-upload">
            <input type="file" name="files" class="button-upload__input-file" data-multiple-caption="{count} files selected" multiple />
            <button id="" class="btn 
                        
                        
                        
                        
                        
                        btn_file
                        btn_secondary
                        
                        btn_secondary
                        
                        
                        
                    " type="file">
                Enviar
                <svg class="icon icon-plus      icon-after accent-dark">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#plus"></use>
                </svg>

            </button>
        </div>
    </form>
 
<form action="/upload" class="" id="" name="" novalidate>
        <div class="button-upload">
            <input type="file" name="files" class="button-upload__input-file" data-multiple-caption="{count} files selected" multiple/>
            {{> '@btn' btn-update}}
        </div>
    </form>
 
{
  "btn-update": {
    "href": false,
    "text": "Enviar",
    "disabled": "",
    "type": "file",
    "isUpload": true,
    "isSecondary": true,
    "icon-after": {
      "name": "plus",
      "isAfter": true,
      "isAccentDark": true
    }
  }
}
  • Content: 
    .button-upload {
    display: flex;
    flex-flow: nowrap;
    justify-content: space-between;
    height: 50px;
    &__input-file {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: wrap;
        top: 0;
        right: 0;
        margin-top: 0;
        cursor: pointer;
        background-color: transparent;
        border: none;
        opacity: 0;
        width: 133px;
        height: 50px;
    }
    .btn.btn_file {
        position: absolute;
        z-index: 0;
        top: 0;
        right: 0;
        cursor: pointer;
    }
}
  • URL: /components/raw/button-upload/button-upload.css
  • Filesystem Path: src/06-adhoc/tramitacion/button-upload/button-upload.css
  • Size: 683 Bytes

No notes defined.