bender/2a3c7146-3fb8-4378-bdaf-da03a6b3cf30
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update registry/components/HeroSplitDoubleCarousel.json

Browse Source
This commit is contained in:
bender
2026-03-04 07:45:35 +00:00
parent b7dcad8d9d
commit 95e02b1077
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
registry/components/HeroSplitDoubleCarousel.json
View File

@@ -60,7 +60,7 @@
"props": "Partial<ButtonPropsForVariant> - Additional button props like className, textClassName (optional)"
},
"examples": [
"{ text: 'Get Started', href: 'https://example.com' }",
"{ text: 'Download Now', href: 'https://example.com' }",
"{ text: 'Learn More', href: 'about' }"
],
"note": "Button variant is controlled by ThemeProvider's defaultButtonVariant. Border radius is controlled by ThemeProvider's borderRadius (options: 'sharp', 'rounded', 'soft', 'pill'). All sections should be wrapped in a single ThemeProvider at the app/page level to maintain consistent styling across the entire site."
@@ -86,7 +86,7 @@
"showMarqueeCard?": "boolean (default: true)",
"className?": "string"
},
"usageExample": "<ThemeProvider defaultButtonVariant=\"icon-arrow\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n <HeroSplitDoubleCarousel \n title=\"Build Modern Web Experiences\" \n description=\"Create stunning, responsive websites with our comprehensive component library\" \n background={{ variant: 'glowing-orb' }}\n tag=\"New Release\"\n carouselPosition=\"right\" \n leftCarouselItems={[\n { imageSrc: '/placeholder1.jpg', imageAlt: 'Gallery 1' },\n { imageSrc: '/placeholder2.jpg', imageAlt: 'Gallery 2' },\n { imageSrc: '/placeholder3.jpg', imageAlt: 'Gallery 3' },\n { imageSrc: '/placeholder4.jpg', imageAlt: 'Gallery 4' }\n ]}\n rightCarouselItems={[\n { imageSrc: '/placeholder5.jpg', imageAlt: 'Gallery 5' },\n { imageSrc: '/placeholder6.jpg', imageAlt: 'Gallery 6' },\n { imageSrc: '/placeholder7.jpg', imageAlt: 'Gallery 7' },\n { imageSrc: '/placeholder8.jpg', imageAlt: 'Gallery 8' }\n ]}\n buttons={[{ text: 'Get Started', href: 'https://example.com' }, { text: 'Learn More', href: 'about' }]} \n />\n</ThemeProvider>",
"usageExample": "<ThemeProvider defaultButtonVariant=\"icon-arrow\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n <HeroSplitDoubleCarousel \n title=\"Build Modern Web Experiences\" \n description=\"Create stunning, responsive websites with our comprehensive component library\" \n background={{ variant: 'glowing-orb' }}\n tag=\"New Release\"\n carouselPosition=\"right\" \n leftCarouselItems={[\n { imageSrc: '/placeholder1.jpg', imageAlt: 'Gallery 1' },\n { imageSrc: '/placeholder2.jpg', imageAlt: 'Gallery 2' },\n { imageSrc: '/placeholder3.jpg', imageAlt: 'Gallery 3' },\n { imageSrc: '/placeholder4.jpg', imageAlt: 'Gallery 4' }\n ]}\n rightCarouselItems={[\n { imageSrc: '/placeholder5.jpg', imageAlt: 'Gallery 5' },\n { imageSrc: '/placeholder6.jpg', imageAlt: 'Gallery 6' },\n { imageSrc: '/placeholder7.jpg', imageAlt: 'Gallery 7' },\n { imageSrc: '/placeholder8.jpg', imageAlt: 'Gallery 8' }\n ]}\n buttons={[{ text: 'Download Now', href: 'https://example.com' }, { text: 'Learn More', href: 'about' }]} \n />\n</ThemeProvider>",
"do": [
"Use for landing pages with visual portfolios",
"Use for image galleries and creative showcases",