Carregando…

Survey Form

Inputs

Dynamic survey with text, textarea, radio, checkbox, scale and rating question types — all-at-once or one-at-a-time.

Instalação via CLI

$ npx kikitocn add survey-form

Interno:

@/lib/utils@/components/ui/cn/button@/components/ui/cn/progress

Exemplo de uso

Survey FormExample.tsx

import { SurveyForm } from "@/components/ui/cn/survey-form/SurveyForm";

export function SurveyFormExample() {
  return (
    <SurveyForm layout="all" />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`questions*`	`SurveyQuestion[]`	—	Lista de perguntas: { id, label, type, required?, options?, placeholder? }
`title`	`string`	`undefined`	Título da pesquisa
`description`	`string`	`undefined`	Descrição/instrução da pesquisa
`layout`	`'all' \| 'single'`	`'all'`	'all': todas as perguntas na mesma página (original). 'single': 1 pergunta por vez, com barra de progresso e Anterior/Próxima — padrão Questionnaire
`allowSkip`	`boolean`	`false`	Só em layout='single': mostra botão 'Pular' na pergunta atual quando ela não é obrigatória
`onSubmit`	`(answers: Record<string, unknown>) => void`	`undefined`	Callback com as respostas ao enviar
`submitLabel`	`string`	`'Enviar respostas'`	Texto do botão de envio
`className`	`string`	—	Classes extras pro form raiz
`style`	`CSSProperties`	—	Estilos inline pro form raiz

Voltar para Inputs

Carregando…

Survey Form

Survey Form

layout="all" (padrão)

layout="single" (Questionnaire)

layout="all" (padrão)

layout="single" (Questionnaire)