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

AccordionItem / Rich HTML Content

Accordion with complex HTML answer including lists and headings

Layout
Properties
Component Code
@await Html.PartialAsync("~/Components/Molecules/AccordionItem/AccordionItem.cshtml", new AccordionItemProps
{
"Question": "What are the common signs and symptoms?",
"Answer": "\r\n \u003Cp\u003EBecause there\u0027s no way of knowing when or if DCIS will become invasive, treatment is usually recommended.\u003C/p\u003E\r\n \u003Cul\u003E\r\n \u003Cli\u003EA change to the skin, such as puckering or dimpling\u003C/li\u003E\r\n \u003Cli\u003EA change to the skin, such as puckering or dimpling\u003C/li\u003E\r\n \u003Cli\u003EA change to the skin, such as puckering or dimpling\u003C/li\u003E\r\n \u003Cli\u003EA change to the skin, such as puckering or dimpling\u003C/li\u003E\r\n \u003C/ul\u003E\r\n \u003Ch5\u003EHeading 5\u003C/h5\u003E\r\n \u003Col\u003E\r\n \u003Cli\u003EThis is one numbered bullet point and this is a long point. This is one numbered bullet point and this is a long point.\u003C/li\u003E\r\n \u003Cli\u003EThis is one numbered bullet point and this is a long point. This is one numbered bullet point and this is a long point.\u003C/li\u003E\r\n \u003Cli\u003EThis is one numbered bullet point and this is a long point. This is one numbered bullet point and this is a long point.\u003C/li\u003E\r\n \u003C/ol\u003E\r\n ",
"IsExpanded": true
})
♿ Accessibility