A way to set a default config for all components

[DarthGigi]

It would be nice to have a way to set the default configuration for all the NumberFlow components. For example, if you want to force a single locale, you currently have to add locales={["locale"]} to every NumberFlow component you use. Having a way to set props like this globally, in a single place would be great!

[barvian]

Hi, thanks for the suggestion 👋. I toyed with the idea of doing a context provider for this in the past, i.e. <NumberFlowConfig locales={[]}>, but never prioritized it. What kind of API would you expect for a feature like this?

[DarthGigi]

I quite enjoy the way (Svelte) Sonner does it: https://github.com/wobsoriano/svelte-sonner.

They use a global component <Toaster/> on which you can set the default props. This approach also allows you to have different global settings per route group/layout.