On This Page
Installation
npx shadcn@latest add https://ui.elixirlabs.in/r/on-this-page.jsonUsage
import { OnThisPage } from "@/components/on-this-page";
<OnThisPage
label="On this page"
items={[
{ id: "getting-started", label: "Getting Started", level: 1 },
{ id: "project-setup", label: "Project Setup", level: 1 },
{ id: "environment-variables", label: "Environment Variables", level: 2 },
{ id: "authentication-flow", label: "Authentication Flow", level: 1 },
...
]}
/>Examples
variant
<OnThisPage
variant="bullet" // "none" | "bullet"
/>API Reference
coming soon...