styleOverrides
prop to customize the appearance of the uploader.
Specify custom CSS styling on any UI element to make it match your brand requirements.
For a visual overlay of the available styling options, see the guide to customizing styles.
Style overrides that affect the general UI of the Dromo Uploader
The primary text color
The secondary text color
A URL to a custom font file
The name of the font family provided by the custom font file
Added in v2The background color of the modal
Added in v2The border radius of the modal
Added in v2The border style of the modal
Added in v2The border width of the modal
Added in v2The border color of the modal
Style overrides for the primary action button
The radius of the button
The background color of the button
The color of the text in the button
The
border
shorthand property to apply to the buttonThe background color of the button while hovering
The text color of the button while hovering
The
border
shorthand property to apply to the button while hoveringStyle overrides for the secondary action button
The radius of the button
The background color of the button
The color of the text in the button
The
border
shorthand property to apply to the buttonThe background color of the button while hovering
The text color of the button while hovering
The
border
shorthand property to apply to the button while hoveringStyle overrides for the file dropzone on the upload screen
The width of the dropzone border in pixels
The radius of the dropzone border in pixels
The color of the dropzone border
The style of the dropzone border
The background color of the dropzone
The outline property of the dropzone
Style overrides for the progress bar in the header
The color of completed steps
The color of steps that have not been started yet
The color of the step currently in progress
Added in v2The font size of the step text
Added in v2The font weight of completed steps
Added in v2The font weight of incomplete steps
Added in v2The font weight of the current step
Added in v2The background color of the stepper bar
Added in v2The bottom border separating the stepper bar from the rest of the modal