Moving Bands

Backgrounds

Diagonal striped gradient bands that shift continuously — adapted from cuicui.day.

Moving Bands — faixas diagonais em deslocamento contínuo

Instalação via CLI

$ npx kikitocn add moving-bands

Interno:

@/lib/utils

Exemplo de uso

Moving BandsExample.tsx

import { MovingBands } from "@/components/ui/cn/moving-bands/MovingBands";

export function MovingBandsExample() {
  return (
    <MovingBands />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`size`	`number`	`20`	Tamanho do bloco do padrão diagonal (px)
`color`	`string`	`'var(--ks-patina)'`	Cor-base das faixas
`className`	`string`	—	Classes CSS extras
`style`	`React.CSSProperties`	—	Estilos inline extras

Voltar para Backgrounds

Carregando…