gitscope
/
← marzneshin / dashboard/src/components/ui/tabs.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/components/ui/tabs.tsx · v0.3.2
Source
1 b15ff05 Mrdn 2y ago import * as React from "react"
2 b15ff05 Mrdn 2y ago import * as TabsPrimitive from "@radix-ui/react-tabs"
3 b15ff05 Mrdn 2y ago
4 b15ff05 Mrdn 2y ago import { cn } from "@marzneshin/utils"
5 b15ff05 Mrdn 2y ago
6 b15ff05 Mrdn 2y ago const Tabs = TabsPrimitive.Root
7 b15ff05 Mrdn 2y ago
8 b15ff05 Mrdn 2y ago const TabsList = React.forwardRef<
9 b15ff05 Mrdn 2y ago React.ElementRef<typeof TabsPrimitive.List>,
10 b15ff05 Mrdn 2y ago React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
11 b15ff05 Mrdn 2y ago >(({ className, ...props }, ref) => (
12 b15ff05 Mrdn 2y ago <TabsPrimitive.List
13 b15ff05 Mrdn 2y ago ref={ref}
14 b15ff05 Mrdn 2y ago className={cn(
15 b15ff05 Mrdn 2y ago "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
16 b15ff05 Mrdn 2y ago className
17 b15ff05 Mrdn 2y ago )}
18 b15ff05 Mrdn 2y ago {...props}
19 b15ff05 Mrdn 2y ago />
20 b15ff05 Mrdn 2y ago ))
21 b15ff05 Mrdn 2y ago TabsList.displayName = TabsPrimitive.List.displayName
22 b15ff05 Mrdn 2y ago
23 b15ff05 Mrdn 2y ago const TabsTrigger = React.forwardRef<
24 b15ff05 Mrdn 2y ago React.ElementRef<typeof TabsPrimitive.Trigger>,
25 b15ff05 Mrdn 2y ago React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
26 b15ff05 Mrdn 2y ago >(({ className, ...props }, ref) => (
27 b15ff05 Mrdn 2y ago <TabsPrimitive.Trigger
28 b15ff05 Mrdn 2y ago ref={ref}
29 b15ff05 Mrdn 2y ago className={cn(
30 b15ff05 Mrdn 2y ago "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
31 b15ff05 Mrdn 2y ago className
32 b15ff05 Mrdn 2y ago )}
33 b15ff05 Mrdn 2y ago {...props}
34 b15ff05 Mrdn 2y ago />
35 b15ff05 Mrdn 2y ago ))
36 b15ff05 Mrdn 2y ago TabsTrigger.displayName = TabsPrimitive.Trigger.displayName
37 b15ff05 Mrdn 2y ago
38 b15ff05 Mrdn 2y ago const TabsContent = React.forwardRef<
39 b15ff05 Mrdn 2y ago React.ElementRef<typeof TabsPrimitive.Content>,
40 b15ff05 Mrdn 2y ago React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
41 b15ff05 Mrdn 2y ago >(({ className, ...props }, ref) => (
42 b15ff05 Mrdn 2y ago <TabsPrimitive.Content
43 b15ff05 Mrdn 2y ago ref={ref}
44 b15ff05 Mrdn 2y ago className={cn(
45 b15ff05 Mrdn 2y ago "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
46 b15ff05 Mrdn 2y ago className
47 b15ff05 Mrdn 2y ago )}
48 b15ff05 Mrdn 2y ago {...props}
49 b15ff05 Mrdn 2y ago />
50 b15ff05 Mrdn 2y ago ))
51 b15ff05 Mrdn 2y ago TabsContent.displayName = TabsPrimitive.Content.displayName
52 b15ff05 Mrdn 2y ago
53 b15ff05 Mrdn 2y ago export { Tabs, TabsList, TabsTrigger, TabsContent }