Audio Waveform

Display

Animated bar waveform visualization that bounces when playing=true.

Instalação via CLI

$ npx kikitocn add audio-waveform

Exemplo de uso

Audio WaveformExample.tsx

import { AudioWaveform } from "@/components/ui/cn/audio-waveform/AudioWaveform";

export function AudioWaveformExample() {
  return (
    <AudioWaveform />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`playing`	`boolean`	`false`	Ativa a animação das barras
`bars`	`number`	`20`	Número de barras
`color`	`string`	`'var(--ks-primary)'`	Cor das barras
`height`	`number`	`48`	Altura da visualização (px)
`variant`	`'bars' \| 'wave' \| 'pulse'`	`'bars'`	Estilo da animação
`className`	`string`	—	Classes CSS extras

Voltar para Display

Carregando…