PaperTabs

Segmented editorial tabs with connected border logic.

↗ segmented content, without chrome overload.

Preview

Project status and goals for this sprint.

'use client'

import * as React from 'react'
import { cn } from '@/lib/utils'

export interface PaperTabItem {

Copy this file into your project, export its barrel, and then add it to the master UI index.

Step 1.Create this file:
components/ui/paperTabs/paperTabs.tsx⎘
Step 2.Create the barrel:
components/ui/paperTabs/index.ts⎘
Step 3.Add this export in components/ui/index.ts:
```
export * from './paperTabs'
```

Standard

First panel

Prop	Type	Default	Description
`items`	`PaperTabItem[]`	`[]`	Tab labels and associated content.
`defaultValue`	`string`	`first tab`	Initially active tab value.

Split large API references into digestible sections.

All available props.

<PaperTabs items={[...]} />

Switch between metrics without route refresh.

Daily summary.

<PaperTabs items={[...]} />