vulyoDocs
Ctrl K
Browse documentation

docs / guides/customization

Appearance and localization

Make Vulyo components feel native to your product.

Shared appearance

Pass appearance to VulyoProvider to style every component consistently. A component-level appearance prop can override it for one surface.

vulyo-provider.tsx
<VulyoProvider  publishableKey={publishableKey}  appearance={{    variables: {      colorPrimary: "#7E5BFF",      colorFocus: "#7E5BFF",      borderRadius: "10px",    },  }}>  {children}</VulyoProvider>

Localization

Override only the strings your product needs to change. Unspecified strings continue using Vulyo defaults.

vulyo-provider.tsx
<VulyoProvider  publishableKey={publishableKey}  localization={{    signInTitle: "Welcome back",    createAccount: "Create your account",  }}>  {children}</VulyoProvider>