Responsive
Atoms
FormLabel
Default
Molecules
ContactDetails
Default
Organisms
HeaderMinimal
Default
ServicesGroupFinderBlock
With Results No Results

FeedbackForm / Expanded with Pre-selected Options

Expanded form with some options already selected

Layout
Properties
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
Component Code
@await Html.PartialAsync("~/Components/Organisms/FeedbackForm/FeedbackForm.cshtml", new FeedbackFormProps
{
"Heading": "Was this helpful?",
"YesButtonText": "Yes",
"NoButtonText": "No",
"SendButtonText": "Send feedback",
"CheckboxGroupLabel": "Please tell us what you liked:",
"CheckboxOptions": [
{
"Id": null,
"Alias": null,
"Name": null,
"Value": "length",
"Label": "Article length",
"Checked": true,
"Disabled": false,
"Required": false,
"AriaLabel": null,
"DataVal": false,
"DataValRequired": null,
"DataUmb": null,
"Title": null,
"TogglePassword": false
},
{
"Id": null,
"Alias": null,
"Name": null,
"Value": "relevance",
"Label": "Relevance",
"Checked": false,
"Disabled": false,
"Required": false,
"AriaLabel": null,
"DataVal": false,
"DataValRequired": null,
"DataUmb": null,
"Title": null,
"TogglePassword": false
},
{
"Id": null,
"Alias": null,
"Name": null,
"Value": "accuracy",
"Label": "Accuracy",
"Checked": true,
"Disabled": false,
"Required": false,
"AriaLabel": null,
"DataVal": false,
"DataValRequired": null,
"DataUmb": null,
"Title": null,
"TogglePassword": false
},
{
"Id": null,
"Alias": null,
"Name": null,
"Value": "clarity",
"Label": "Easy to understand",
"Checked": false,
"Disabled": false,
"Required": false,
"AriaLabel": null,
"DataVal": false,
"DataValRequired": null,
"DataUmb": null,
"Title": null,
"TogglePassword": false
}
],
"TextAreaLabel": "If you have any more feedback let us know.",
"TextAreaHelpText": "For privacy please do not include any personal detail.",
"TextAreaPlaceholder": "Start typing here...",
"FormAction": "",
"FormMethod": "POST",
"ShowExpandedForm": true,
"BackgroundColor": ""
})
♿ Accessibility