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",
}}

Custom CSS is only available to TableFlow Cloud Pro customers.

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 or community Slack.

To the top