Tabs

PreviousNext

A set of layered sections of content—known as tab panels—that are displayed one at a time with optional glassy variant.

Docs
glass-uicomponent

Preview

Loading preview…
lib/utils.ts
import { clsx, type ClassValue } from "clsx"
import { twMerge } from "tailwind-merge"

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
}

Installation

npx shadcn@latest add @glass-ui/tabs

Usage

import { Tabs } from "@/components/tabs"
<Tabs />