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 variant="bars" />
  );
}

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`	`40`	Altura da visualização (px)
`variant`	`'bars' \| 'wave' \| 'pulse'`	`'bars'`	Estilo visual
`className`	`string`	—	Classes CSS extras
`style`	`CSSProperties`	—	Estilos inline pro container

Voltar para Display

Carregando…