WavePattern
WavePattern forma parte del apartado «Layout y marca» del kit. Cards, contenedores, stacks, carruseles y las piezas de identidad del kit (Logo, Sello, olas).
Instalación#
bash
pnpm add @tsukira/uiUso#
tsx
import { WavePattern } from "@tsukira/ui"; export function Ejemplo() { return <WavePattern />;}Ejemplos#
Los ejemplos detallados de WavePattern están en camino. Mientras tanto, su demo interactiva vive en la página del grupo.
Ver demo en Layout y marcaAPI#
WavePatternPropsextends HTMLAttributes<HTMLDivElement>| Prop | Tipo | Default | Descripción |
|---|---|---|---|
tone | 'auto' | 'light' | 'dark' | — | `auto` (default): trazos blancos translúcidos — funciona sobre cualquier superficie porque la alfa baja respeta el fondo. `light`: trazos blancos opacos — sobre fondos oscuros. `dark`: trazos negros translúcidos — sobre fondos claros. |
opacity | number | 0 | Opacidad de las líneas. Default 0.35. |
lines | number | 8 | Cantidad de líneas. Default 8. |