Documentation
useSessionStorage
Persist state to sessionStorage with SSR-safe implementation.
Installation
pnpm add @rouf-dev/pantheon-uiUsage
"use client";
import { useSessionStorage } from "@rouf-dev/pantheon-ui";
export function WizardDemo() {
const [step, setStep] = useSessionStorage('wizard-step', 1);
return (
<div>
<p>Current step: {step}</p>
<button onClick={() => setStep(step + 1)}>
Next Step
</button>
</div>
);
}Parameters
key: sessionStorage key name
initialValue: Default value if key doesn't exist