Dynamic Square Background

Display

Feature-announcement card with an animated fade-in/out tile grid behind the content.

Instalação via CLI

$ npx kikitocn add dynamic-square-background

Interno:

@/lib/utils

Exemplo de uso

Dynamic Square BackgroundExample.tsx

import { DynamicSquareBackground } from "@/components/ui/cn/dynamic-square-background/DynamicSquareBackground";

export function DynamicSquareBackgroundExample() {
  return (
    <DynamicSquareBackground title="Título" tag="Exemplo" description="Texto de apoio" buttonText="Exemplo" />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`title*`	`string`	—	Título do card
`tag*`	`string`	—	Rótulo curto ao lado do título (ex: 'NEW')
`description*`	`string`	—	Descrição abaixo do título
`buttonText*`	`string`	—	Texto do botão de call-to-action
`buttonHref*`	`string`	—	Href do botão
`className`	`string`	—	Classes CSS extras

Voltar para Display

Carregando…

Dynamic Square Background

Dynamic Square Background

New Feature

New Feature