Carregando…

Dark Gradient Background

Backgrounds

Full-bleed dark radial gradient backdrop with diagonal light streaks, grain texture and dot pattern overlay.

Backdrop escuro com feixes diagonais e textura de grão

Build something great

Um backdrop atmosférico pra seções de hero e landing pages.

Instalação via CLI

$ npx kikitocn add dark-gradient-background

Interno:

@/lib/utils

Exemplo de uso

Dark Gradient BackgroundExample.tsx

import { DarkGradientBackground } from "@/components/ui/cn/dark-gradient-background/DarkGradientBackground";

export function DarkGradientBackgroundExample() {
  return (
    <DarkGradientBackground>
      Dark Gradient Background
    </DarkGradientBackground>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children`	`React.ReactNode`	—	Conteúdo sobreposto ao fundo
`streakColor`	`string`	`'var(--ks-info)'`	Cor dos feixes diagonais
`className`	`string`	—	Classes CSS extras
`style`	`CSSProperties`	—	Estilos inline extras

Voltar para Backgrounds

Carregando…