@await Html.PartialAsync("~/Components/Organisms/Accordion/Accordion.cshtml", new AccordionProps
{
"Title": "Accordion title",
"BackgroundColor": "bg-pink",
"Items": [
{
"Question": "Quicklink lorem ipsum dolor sit amet. Quicklink lorem ipsum dolor sit amet Quicklink lorem ipsum dolor sit amet Quicklink lorem ipsum dolor sit amet",
"Answer": "\u003Cp\u003EShort answer.\u003C/p\u003E",
"IsExpanded": false
},
{
"Question": "Short question?",
"Answer": "\u003Cp\u003EThis is a much longer answer that contains multiple sentences. It demonstrates how the accordion handles varying content lengths. The answer can span multiple lines and include detailed information to help users understand the topic better.\u003C/p\u003E",
"IsExpanded": false
},
{
"Question": "Can DCIS be left and not treated",
"Answer": "\r\n \u003Cp\u003EBecause there\u0027s no way of knowing when or if DCIS will become invasive, treatment is usually recommended. It\u0027s possible this may lead to unnecessary treatment for some people. If you have any questions or concerns about your diagnosis and treatment, talk to your treatment team.\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.\u003C/li\u003E\r\n \u003Cli\u003EThis 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.\u003C/li\u003E\r\n \u003C/ol\u003E\r\n ",
"IsExpanded": true
}
]
})