Components / Questionnaire

Questionnaire

A multi-step flow for single, multiple, freeform and skippable questions.

Question 1 of 2

What should the agent build next?

Choose one direction.

A componentA complete feature

example.component.html

html

<aevko-questionnaire label="Project brief" [items]="questions" [(answers)]="answers" (submitted)="save($event)" />

Installation

npx aevko-ui@latest add questionnaire --yes

Source ownership

Define ordered questions as typed data, control active/answers for persistence and connect submitted output to application validation and transport.

Edit locallyThe installed template and stylesheet are application code, not a black box.

Theme semanticallyOverride --aevko-* tokens or ordinary classes without !important.

Property or slot	Type	Default	Description
`items`	`readonly AevkoQuestionnaireItem[]`	`required`	Ordered questions, choices and behavior.
`active`	`model<number>`	`0`	Controlled active question index.
`answers`	`model<Record<string, string \| string[]>>`	`{}`	Controlled answer state.
`submitted`	`output<answers>`	`event`	Emits validated final answers.

Accessibility contract

Each question uses a fieldset and legend with native radio or checkbox choices; validation errors announce assertively.

Write concise legends, make required/skippable status explicit and persist answers outside the component when users may resume later.