Feedback Widget

Feedback

Inline feedback card with NPS, star and emoji rating modes, optional comment field.

Instalação via CLI

$ npx kikitocn add feedback-widget

Interno:

@/lib/utils@/lib/motionmotion

Exemplo de uso

Feedback WidgetExample.tsx

import { FeedbackWidget } from "@/components/ui/cn/feedback-widget/FeedbackWidget";

export function FeedbackWidgetExample() {
  return (
    <FeedbackWidget type="nps" />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`type`	`'nps' \| 'stars' \| 'emoji'`	`'stars'`	Tipo de escala de avaliação
`title`	`string`	`undefined`	Pergunta ou título do widget
`placeholder`	`string`	`undefined`	Placeholder do campo de comentário
`onSubmit`	`(score: number, comment: string) => void`	`undefined`	Callback com pontuação e comentário ao enviar
`className`	`string`	—	Classes extras pro card
`style`	`CSSProperties`	—	Estilos inline pro card

Voltar para Feedback

Carregando…