Skip to content

[data-js-navigation-trigger] { display: none !important; }

Back to ComponentsComponent

Questionnaire

Open-code aq-ui accessible component family for Questionnaire.

Preview

This is a live example. Interact with the available controls and use the keyboard to inspect the component's states and behavior.

Loading interactive preview…

Installation

pnpm dlx aq-ui@alpha add questionnaire

API reference

Client moduleView full source

Quick start

"use client"

import { Questionnaire } from "@/components/ui/questionnaire"

<Questionnaire />

Exports

Questionnaire const
QuestionnaireActions const
QuestionnaireChoice const
QuestionnaireChoiceDefinition interface
QuestionnaireChoiceDescription const
QuestionnaireChoiceProps type
QuestionnaireChoices const
QuestionnaireChoicesProps type
QuestionnaireDescription const
QuestionnaireDescriptionProps type
QuestionnaireError const
QuestionnaireErrorProps type
QuestionnaireInput const
QuestionnaireInputProps type
QuestionnaireInputType type
QuestionnaireItem const
QuestionnaireItemDefinition interface
QuestionnaireItemProps type
QuestionnaireItemStatus type
QuestionnaireNavigationButtonProps type
QuestionnaireNext const
QuestionnairePrevious const
QuestionnaireProgress const
QuestionnaireProgressProps type
QuestionnaireProps type
QuestionnaireRootState interface
QuestionnaireShortcutMode type
QuestionnaireSkip const
QuestionnaireSubmit const
QuestionnaireTitle const
QuestionnaireTitleProps type

Registry dependencies

button, use-isomorphic-layout-effect, use-merged-refs, utils

Package dependencies

@base-ui/react@^1.7.0, lucide-react@^1.31.0

Files

components/ui/questionnaire.tsx

Source