<DefaultStylesProvider/> component
<DefaultStylesProvider /> wraps the stock shared components with their default style context. It is useful when you want the built-in UI to look correct without rebuilding the styling layer yourself.
Usage
The following example shows a basic usage of <DefaultStylesProvider />.
import { DefaultStylesProvider, SignInForm } from '@wacht/nextjs';export default function DefaultStylesProviderUsage() { return ( <> <DefaultStylesProvider> <SignInForm /> </DefaultStylesProvider> </> );}Notes
- Use it around embedded auth or account surfaces if you want the stock look.
- Skip it if you are deliberately replacing the shared styling with your own system.