@pagedotapp/page-tabbed-scroll-section

A tabbed content section with smooth scrolling and responsive design.

Installation

npm install @pagedotapp/page-tabbed-scroll-section

Usage

import { PageTabbedScrollSection } from "@pagedotapp/page-tabbed-scroll-section"

function App() {
	return (
		<PageTabbedScrollSection
			tabs={[
				{
					id: "features",
					label: "Features",
					content: <FeaturesContent />,
				},
				{
					id: "benefits",
					label: "Benefits",
					content: <BenefitsContent />,
				},
				{
					id: "pricing",
					label: "Pricing",
					content: <PricingContent />,
				},
			]}
			variant="underline"
			scrollBehavior="smooth"
		/>
	)
}

Props

See TypeScript definitions for detailed prop types.

License

MIT