2

Teams

Accordion
Alert
Attachment
Avatar
Badge
Breadcrumb
Button
Button Group
Calendar
Card
Chart
Checkbox
Color Picker
Color Swatch
Combobox
Command
Dialog
Divider
Drawer
Editor
Emoji Picker
Event
Dropdown Menu
Empty
Field
File Upload
Header
Input
Input Group
Input OTP
Item
Kanban
Kbd
Message
Message Scroller
Mobile Shell
Notification
Popover
Progress Bar
Questionnaire
Radio Group
Rating
Select
Sidebar
Slider
Sortable
Sonner
Spinner
Sub Header
Switch
Table
Tabs
Tags
Text Area
Timeline
Toast
Tooltip

Getting Started0/4

Questionnaire

Default

A three-step survey: a required single choice, an optional multiple choice and a free-text step. Enter advances, ⌘Enter submits from any step, and arrow keys move between questions and answers.

Question 1 of 3

What best describes your role?

This helps us tailor the next questions.

DesignerEngineerProduct managerOther

Choose an answer to continue.

Which design tools do you use?

Pick as many as you like, or skip this question.

FigmaSketchFramerPenpot

Choose an answer or skip this question.

Where can we reach you?

Leave an email if you want to hear about the results.

Choose an answer or skip this question.

Keyboard Shortcuts

With shortcuts="letters" each enabled choice gets a key badge; pressing it selects the choice. Includes choice descriptions and a disabled choice.

Question 1 of 2

Choose a plan

Press A, B or C to answer with the keyboard, Enter to continue.

HobbyFor personal projectsAProFor freelancers and small teamsBTeamFor growing organisationsCEnterpriseContact sales to enable this plan

Choose an answer to continue.

Billing period

MonthlyAYearlyTwo months freeB

Choose an answer to continue.

Multiple Selection

What stood out to you?

A single question with multiple selection — choices render as checkboxes.

PerformanceDesignDocumentationSupport

Choose an answer or skip this question.

Search documentation

Search the component docs