background-diagonal-1.tsx

src/components/background-diagonal-1.tsx
import { clsx } from 'clsx'
interface BackgroundDiagonal1Props {
/** Gradient start color (Tailwind class or CSS variable) */
gradientFrom?: string
/** Gradient middle color (Tailwind class or CSS variable) */
gradientVia?: string
/** Gradient end color (Tailwind class or CSS variable) */
gradientTo?: string
/** First blur overlay color (Tailwind class) */
blurColor1?: string
/** Second blur overlay color (Tailwind class) */
blurColor2?: string
/** Dashed line stroke color (CSS variable) */
lineColor?: string
/** Pattern ID - override if using multiple on same page */
patternId?: string
/** Additional CSS classes */
className?: string
}

Showing the first 20 lines.

Get full code

Support

Talk to the developers of this project to learn more

We have been building professional websites for big clients for over 15 years. Gallop templates and blocks is our best foundation for SEO websites and web apps.

© 2026 Web Plant Media, LLC