diff --git a/sparkle/package-lock.json b/sparkle/package-lock.json index 8e902616b0fe..c8f3de018907 100644 --- a/sparkle/package-lock.json +++ b/sparkle/package-lock.json @@ -1,12 +1,12 @@ { "name": "@dust-tt/sparkle", - "version": "0.2.293", + "version": "0.2.294", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@dust-tt/sparkle", - "version": "0.2.293", + "version": "0.2.294", "license": "ISC", "dependencies": { "@emoji-mart/data": "^1.1.2", diff --git a/sparkle/package.json b/sparkle/package.json index 17babcb2e3a2..c2a21e27c6a6 100644 --- a/sparkle/package.json +++ b/sparkle/package.json @@ -1,6 +1,6 @@ { "name": "@dust-tt/sparkle", - "version": "0.2.293", + "version": "0.2.294", "scripts": { "build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs", "tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css", diff --git a/sparkle/src/components/Tabs.tsx b/sparkle/src/components/Tabs.tsx index a931902c6754..586eb8fd28eb 100644 --- a/sparkle/src/components/Tabs.tsx +++ b/sparkle/src/components/Tabs.tsx @@ -1,6 +1,7 @@ import * as TabsPrimitive from "@radix-ui/react-tabs"; import * as React from "react"; +import { ScrollArea, ScrollBar } from "@sparkle/components/"; import { Button } from "@sparkle/components/Button"; import { LinkWrapperProps } from "@sparkle/components/LinkWrapper"; import { cn } from "@sparkle/lib/utils"; @@ -17,15 +18,18 @@ const TabsList = React.forwardRef< React.ElementRef, TabsListProps >(({ className, isFullSize = true, ...props }, ref) => ( - + + + + )); TabsList.displayName = TabsPrimitive.List.displayName; @@ -58,7 +62,8 @@ const TabsTrigger = React.forwardRef< @@ -38,3 +38,26 @@ export function TabExample() { ); } + +export function Demo2() { + return ( +
+ + + + + + + + + + Content for Tab 1 + Content for Tab 2 + Content for Tab 3 + Content for Tab 4 + Content for Tab 5 + Content for Tab 6 + +
+ ); +}