ui/tabs.tsx

shadcn-themer · src/components/ui/tabs.tsx · typescript · MIT
ui

Module exposing: Tabs, TabsList, TabsTrigger, TabsContent

// Source: https://github.com/miketromba/shadcn-themer | License: MIT | Copyright 2025 Mike Tromba
// Provided via justclaw.it.com; keep this notice with the code.
'use client'

import * as React from 'react'
import * as TabsPrimitive from '@radix-ui/react-tabs'

import { cn } from '@/lib/utils'

function Tabs({
	className,
	...props
}: React.ComponentProps<typeof TabsPrimitive.Root>) {
	return (
		<TabsPrimitive.Root
			data-slot="tabs"
			className={cn('flex flex-col gap-0', className)}
			{...props}
		/>
	)
}

function TabsList({
	className,
	...props
}: React.ComponentProps<typeof TabsPrimitive.List>) {
	return (
		<TabsPrimitive.List
			data-slot="tabs-list"
			className={cn(
				'text-muted-foreground -mb-px -mx-2 flex w-full items-center',
				className
			)}
			{...props}
		/>
	)
}

... (truncated -- full source via MCP)

See the full source, get the GitHub permalink, and search for more like it.

Get a free API key