Docs Steps
Code
Source and install need .
pnpm dlx shadcn@latest add @assembli/doc-feedbackDoc Feedback
The footer at the end of a docs page: "Was this page helpful?" with Yes and No. Yes sends straight away; No opens reason chips and an optional note, sends through your async handler with a retry on failure, and settles into a thank-you. Edit this page, Last updated and Previous / Next cards with section labels sit beside it. An inline variant fits the end of a section.
Props
Other props pass through to the root element.
variant
"footer" | "inline"
Default
"footer"footeris the end-of-page block;inlineis a compact one-liner for the end of a section.question
string
reasons
string[]
Default
DEFAULT_REASONSReason chips offered after "No".
defaultHelpful
boolean
Start with an answer chosen:
falseopens the reasons form,trueshows the thank-you.onSubmit
(value: DocFeedbackValue) => Promise<void> | void
Called with the answer. Reject (throw) to show a retry message.
editHref
string
editLabel
string
Default
"Edit this page"lastUpdated
string
ISO date, shown as "Last updated Oct 21, 2026".
previous
DocFeedbackLink
next
DocFeedbackLink
| Description | |||
|---|---|---|---|
| variant | "footer" | "inline" | "footer" |
|
| question | string | – | |
| reasons | string[] | DEFAULT_REASONS | Reason chips offered after "No". |
| defaultHelpful | boolean | – | Start with an answer chosen: |
| onSubmit | (value: DocFeedbackValue) => Promise<void> | void | – | Called with the answer. Reject (throw) to show a retry message. |
| editHref | string | – | |
| editLabel | string | "Edit this page" | |
| lastUpdated | string | – | ISO date, shown as "Last updated Oct 21, 2026". |
| previous | DocFeedbackLink | – | |
| next | DocFeedbackLink | – |
