Wasp•9mo ago

Is it possible to customise titles of Auth component?

I create an app in french, I can't let it in english. I saw I can customize the colors but that's not enough.

2 Replies

Hi @Estelle. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- Based on the provided knowledge sources, it seems that Wasp currently does not support direct customization of the titles in the Auth components. However, you can customize the appearance of the forms by passing props to them, such as appearance for customizing form colors, logo for adding your logo, and socialLayout for setting the layout of the social buttons. Here is an example of how you can customize the colors and logo:

import { LoginForm } from 'wasp/client/auth'  
import { authAppearance } from './appearance'  
import Logo from './logo.png'  
  
export function LoginPage() {  
 return (  
 <LoginForm  
 // Pass in the path to your logo  
 logo={Logo}  
 // Pass the appearance object to the form  
 appearance={authAppearance}  
 />  
 )  
}

import { LoginForm } from 'wasp/client/auth'  
import { authAppearance } from './appearance'  
import Logo from './logo.png'  
  
export function LoginPage() {  
 return (  
 <LoginForm  
 // Pass in the path to your logo  
 logo={Logo}  
 // Pass the appearance object to the form  
 appearance={authAppearance}  
 />  
 )  
}

However, for changing the titles of the Auth components, you might need to extend the existing Wasp auth or make changes to the Wasp source code itself. In a Discord thread (https://discord.com/channels/686873244791210014/1189296190924267551), a community member mentioned hiding the title using CSS, but this might not be the ideal solution for your case. For more detailed customization, you might want to follow the updates on this Github issue (https://github.com/wasp-lang/wasp/issues/1617) where they discuss making the signup form more flexible in future versions of Wasp. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ---------------------- Sorry @Estelle, I seem to be having a bit of trouble. Don't worry though, I've pinged my support and they will try to fix me up! :technologist: Perhaps try again in 15mins?

miho•9mo ago

Yes, this is something we want to implement in the future! For now, going full custom is the solution.

Gaming

Programming

Is it possible to customise titles of Auth component?

Did you find this page helpful?