• Blog
  • Documentation
  • Courses
  • Changelog
  • AI Starters
  • UI Kit
  • FAQ
  • Supamode
    New
  • Pricing

Launch your next SaaS in record time with Makerkit, a React SaaS Boilerplate for Next.js and Supabase.

Makerkit is a product of Makerkit Pte Ltd (registered in the Republic of Singapore)Company Registration No: 202407149CFor support or inquiries, please contact us

About
  • FAQ
  • Contact
  • Verify your Discord
  • Consultation
  • Open Source
  • Become an Affiliate
Product
  • Documentation
  • Blog
  • Changelog
  • UI Blocks
  • Figma UI Kit
  • AI SaaS Starters
License
  • Activate License
  • Upgrade License
  • Invite Member
Legal
  • Terms of License
    • Using translations
    • Adding new translations
    • Language Selector

Adding a language selector to your application | Remix Supabase SaaS Kit

Learn how to use the Language selector in your application.

You can import and use the LanguageSelector component and drop it anywhere in your application to allow users to change the language of the application.

tsx
import { LanguageSelector } from '@kit/ui/language-selector';
<LanguageSelector />

This component is automatically populated with the languages that you have defined in the i18n configuration. When a user selects a language, the application will automatically change the language and update the UI.

It is already part of the Account settings when more than one language is defined in the i18n configuration. If you want, add it to any other part of your application.