Forms
Form Success/Error State Panel
Post-submit status panel with success, error, and pending states for the host to swap in after a submission resolves.
$ velocityx add form-success-error-panelBuilt for astro.
Full docs for Form Success/Error State Panel →
Needs a licence key —
subscribe here, then
velocityx loginonce.
You're all set
Thanks — we've got your submission and will be in touch shortly.
Something went wrong
We couldn't submit that just now. Nothing was saved — please try again.
Try againProps
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| state | 'success' | 'error' | 'pending' | No | 'success' | |
| heading | string | No | ||
| message | string | No | ||
| retryLabel | string | No | 'Try again' | |
| retryHref | string | No | '#' | |
| className | string | No | '' |
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
components/velocity/form-success-error-panel/FormSuccessErrorPanel.astroUsing the Form Success/Error State Panel component
Install it with velocityx add form-success-error-panel.
The CLI writes the source straight into your project — no runtime dependency, no registry
lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.
Related components
More from Forms.
Multi-select add-on cards with the radio-card visual language but native checkbox semantics, zero JS.
astroSingle-column name/email/subject/message contact form with a honeypot field, Netlify Forms opt-in, and a presentational action prop.
astroTwo-column contact layout with a named aside slot for a map or office photo, stacking to one column on mobile.
astroVertical catalog filter stack with collapsible checkbox groups and a price range, built on native details elements.
astro