September 20, 2023

Custom CSS

Customize the import experience with CSS styling

Eric Ciminelli

TableFlow now supports custom CSS styling for the Importer UI components. This ensures users have a completely consistent experience while using the importer alongside your application.

Developers can use the "cssOverrides" property to apply their custom CSS. Using CSS designers have infinite flexibility to ensure the UI meets their specification down to the exact pixel.

Example (React SDK | JavaScript SDK):

cssOverrides={{
  ".uppy-Dashboard-AddFiles": "border: none",
  "Main_header": "margin-bottom: var(--m-xxs)",
  "Stepper-module_stepper": "gap: var(--m-l)",
  "Stepper-module_step": "flex-direction: column",
  "Stepper-module_step:before, Uploader_box": "display: none",
}}

New to TableFlow?

Sign up for TableFlow cloud and check out our getting started guide to start importing CSV and Excel files from your customers.

What's Next?

We're always looking for ways for TableFlow to make your CSV and Excel imports as seamless as possible. If you have any feedback, suggestions, or if you'd like to contribute to the project, reach out through our GitHub repository.

To the top