Document tabs

Multi-document tab bar built on Radix Tabs with closeable tabs.

Install

npx shadcn@latest add https://substrate.georgedrury.co.uk/r/document-tabs

Examples

Default

Homepage.design
"use client"

import { useState } from "react"

Components

ComponentDescription
DocumentTabsRoot wrapper (Radix Tabs.Root)
DocumentTabListHorizontal scrollable tab bar
DocumentTabIndividual tab with optional close button
DocumentTabContentContent panel displayed for the active tab