Components

Ace Horizontal Gradient

Horizontal gradient bar primitive with configurable direction and colors

Ace Horizontal Gradient

Horizontal gradient bar primitive with configurable direction and colors.

Preview
Open in
Loading preview...

Installation

Terminal
$npx shadcn@latest add @vandoko/ace-horizontal-gradient

Usage

import { AceHorizontalGradient } from "@/components/vandoko/ace-horizontal-gradient";

export default function Page() {
  return <AceHorizontalGradient />;
}

Features

  • Responsive -- Adapts to all screen sizes
  • Semantic tokens -- Uses oklch design tokens for Vandoko brand consistency

Props

1 prop
PropTypeDefaultDescription
className
string-

Lineage

PropertyValue
Source@aceternity/horizontal-gradient
Version1.0.0
Curated2026-03-26
LicenseMIT

Modifications

  • oklch color conversion
  • Vandoko design token integration
  • Props interface extraction

On this page