How to implement a custom language switcher component?

[zjy365]

How to implement a custom language switcher component?

I'm using fumadocs for my documentation site and would like to customize the language switcher UI. Currently, I can enable i18n with i18n: true in the layout configuration, but I want to:

• Create my own language switcher UI to match our design system
• Control the language switching behavior
• Keep the core i18n functionality while replacing just the UI component

The default implementation looks like:

export const baseOptions: BaseLayoutProps = {
  i18n: true,
};

[fuma-nama]

Just add your own component to the layout via sidebar footer or navbar, and disable i18n option from layout

[zjy365]

Thanks! I've solved it by customizing the middleware, and found that the footer slot is positioned below the default language switcher location.