@pagedotapp/page-tabs

A tabbed interface component built on Radix UI

Installation

npm install @pagedotapp/page-tabs

Usage

import { PageTabs } from "@pagedotapp/page-tabs"

function App() {
	return (
		<PageTabs defaultValue="tab1">
			<PageTabsList>
				<PageTabsTrigger value="tab1">Tab 1</PageTabsTrigger>
				<PageTabsTrigger value="tab2">Tab 2</PageTabsTrigger>
			</PageTabsList>
			<PageTabsContent value="tab1">Content 1</PageTabsContent>
			<PageTabsContent value="tab2">Content 2</PageTabsContent>
		</PageTabs>
	)
}

Props

See the TypeScript definitions for detailed prop types.

Styling

This component uses CSS modules for styling. The styles are injected automatically when you use the component.

Dependencies

Peer Dependencies

• React >=16.8.0
• React DOM >=16.8.0

Required Dependencies

• @radix-ui/react-tabs: ^1.1.12

License

MIT © PageStudio