snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)
This commit is contained in:
78
apps/v4/examples/radix/questionnaire-multiple.tsx
Normal file
78
apps/v4/examples/radix/questionnaire-multiple.tsx
Normal file
@@ -0,0 +1,78 @@
|
||||
"use client"
|
||||
|
||||
import * as React from "react"
|
||||
import { toast } from "sonner"
|
||||
|
||||
import {
|
||||
Questionnaire,
|
||||
QuestionnaireActions,
|
||||
QuestionnaireChoice,
|
||||
QuestionnaireChoices,
|
||||
QuestionnaireDescription,
|
||||
QuestionnaireError,
|
||||
QuestionnaireItem,
|
||||
QuestionnaireSubmit,
|
||||
QuestionnaireTitle,
|
||||
} from "@/styles/radix-nova/ui/questionnaire"
|
||||
|
||||
const items = [
|
||||
{
|
||||
choices: [
|
||||
{ value: "source" },
|
||||
{ value: "tests" },
|
||||
{ value: "docs" },
|
||||
{ value: "history" },
|
||||
],
|
||||
name: "context",
|
||||
required: true,
|
||||
},
|
||||
] as const
|
||||
|
||||
export function QuestionnaireMultiple() {
|
||||
function handleSubmit(event: React.FormEvent<HTMLFormElement>) {
|
||||
event.preventDefault()
|
||||
|
||||
const context = new FormData(event.currentTarget).getAll("context")
|
||||
|
||||
toast("Context selected", {
|
||||
description: `Context: ${context.join(", ") || "None"}`,
|
||||
})
|
||||
}
|
||||
|
||||
return (
|
||||
<Questionnaire
|
||||
className="mx-auto max-w-md"
|
||||
items={items}
|
||||
shortcuts="letters"
|
||||
onSubmit={handleSubmit}
|
||||
>
|
||||
<QuestionnaireItem name="context" multiple required>
|
||||
<QuestionnaireTitle>
|
||||
What context should the agent inspect?
|
||||
</QuestionnaireTitle>
|
||||
<QuestionnaireDescription>
|
||||
Select every source that may affect the implementation.
|
||||
</QuestionnaireDescription>
|
||||
<QuestionnaireChoices>
|
||||
<QuestionnaireChoice value="source">
|
||||
Relevant source files
|
||||
</QuestionnaireChoice>
|
||||
<QuestionnaireChoice value="tests">
|
||||
Existing tests
|
||||
</QuestionnaireChoice>
|
||||
<QuestionnaireChoice value="docs">
|
||||
Architecture documentation
|
||||
</QuestionnaireChoice>
|
||||
<QuestionnaireChoice value="history">
|
||||
Recent commit history
|
||||
</QuestionnaireChoice>
|
||||
</QuestionnaireChoices>
|
||||
<QuestionnaireError />
|
||||
</QuestionnaireItem>
|
||||
|
||||
<QuestionnaireActions>
|
||||
<QuestionnaireSubmit>Share context</QuestionnaireSubmit>
|
||||
</QuestionnaireActions>
|
||||
</Questionnaire>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user