🎨
Modal Themes
The Picket Login Modal supports several themes. By default the login modal will use the
light
theme. However, you can set it to a different theme to best fit into your overall web experience.You can set the theme when instantiating Picket
Javascript (picket-js)
React (picket-react)
import Picket from "@picketapi/picket-js"
const picket = new Picket("YOUR_PUBLISHABLE_KEY_HERE",{
theme: "dark",
});
import { PicketProvider } from "@picketapi/picket-react"
function MyApp({ children }) {
return (
{/* sets theme to dark */}
<PicketProvider apiKey="YOUR_PUBLISHABLE_KEY_HERE" theme="dark">
{children}
</PicketProvider>
);
}
Theme Name | Description / Image |
---|---|
light | ![]() |
dark | ![]() |
auto | Sets dark vs light automatically to match system preferences of the user. |
Last modified 10mo ago