Equalizer

Display

Curva de resposta de um equalizador de áudio com pontos SVG arrastáveis por banda de frequência — adaptado de cuicui.day.

Instalação via CLI

$ npx kikitocn add equalizer

Interno:

@/lib/utils

Exemplo de uso

EqualizerExample.tsx

import { Equalizer } from "@/components/ui/cn/equalizer/Equalizer";

export function EqualizerExample() {
  return (
    <Equalizer />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`defaultBands`	`EqualizerBand[]`	—	Bandas iniciais (frequência + ganho de partida)
`maxDb`	`number`	`12`	Ganho máximo arrastável, em dB
`minDb`	`number`	`-12`	Ganho mínimo arrastável, em dB
`onChange`	`(bands: EqualizerBand[]) => void`	—	Disparado a cada arraste
`showReset`	`boolean`	`true`	Mostra o botão que zera todos os ganhos
`className`	`string`	—	Classes CSS extras

Carregando…