Upload Component Alignment

Hello!

Is there any work around or property to set the button and the file name in just 1 row together? The default seems appearing below the button.

Thank you so much!

Hi @Joshua_Armando,

That's quite a custom solution, but here it is:

<style> 
.rz-fileupload { /* You can also use a custom css class set to the component */
    display: flex;
    height: 44px; /* Adjust the height as you see fit */
    --rz-upload-files-padding: 0;
}

.rz-fileupload-buttonbar {
    width: fit-content;
}

.rz-fileupload-content {
    flex: 1;
}
</style>

This solution worked perfect!

Thank you so much Sir Yordanov!