Is there a way to add a css class or id to the uppy-root element?

Uppy
1

Is there a way to add a css class or id to the uppy-root element? I am trying to use the drag-and-drop plugin.

new Uppy({
....
}).use(DragDrop, {
   target: '#some-id'
}).use(ProgressBar, {
   target: '#some-id
});

this renders two div.uppy-Root inside the div#some-id is there a way to additional css classes or id to the root element so that I can differentiate between the two?

2

Hi, not sure what you mean by “differentiate between the two”, do you mean in a CSS selector? I don’t think adding a class would help, you should be able to do it already.

#some-id > .uppy-Root {
  /* this applies only to the inner <div> */
}

#some-id {
  /* this applies only to the outer <div> */
}

Or did you mean something else?

3

I mean there are 2 uppy-Root elements. (1. from progressBar and another one from dragDrop plugins)