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

RichTextBlock / Fully Populated - All Properties

Complete example with all properties filled in: content, bookmarks, donation widget, and glossary terms

Layout
Properties
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
Component Code
@await Html.PartialAsync("~/Components/Organisms/RichTextBlock/RichTextBlock.cshtml", new RichTextBlockProps
{
"HtmlContent": "\u003Ch2\u003EUnderstanding Breast Cancer\u003C/h2\u003E\r\n \u003Cp class=\u0022p-large\u0022\u003EBreast cancer is one of the most common cancers affecting women worldwide.\r\n Early detection through regular \u003Ca class=\u0027a-link__glossary\u0027 href=\u0027#glossary-mammogram\u0027\u003Escreening\u003C/a\u003E is crucial for successful treatment.\u003C/p\u003E\r\n\r\n \u003Ch3\u003EDiagnosis and Testing\u003C/h3\u003E\r\n \u003Cp\u003EIf a suspicious area is found during screening, a \u003Ca class=\u0027a-link__glossary\u0027 href=\u0027#glossary-biopsy\u0027\u003Ebiopsy\u003C/a\u003E may be performed\r\n to determine whether the area is cancerous. This is a routine procedure that helps doctors make accurate diagnoses.\u003C/p\u003E\r\n\r\n \u003Ch3\u003ETreatment Options\u003C/h3\u003E\r\n \u003Cp\u003ETreatment options may include \u003Ca class=\u0027a-link__glossary\u0027 href=\u0027#glossary-chemotherapy\u0027\u003Echemotherapy\u003C/a\u003E, surgery, radiotherapy,\r\n or hormone therapy depending on the type and stage of breast cancer.\u003C/p\u003E\r\n\r\n \u003Ch4\u003EKey Resources\u003C/h4\u003E\r\n \u003Cul\u003E\r\n \u003Cli\u003EEarly detection saves lives\u003C/li\u003E\r\n \u003Cli\u003EMultiple treatment options are available\u003C/li\u003E\r\n \u003Cli\u003ESupport services are here to help\u003C/li\u003E\r\n \u003Cli\u003EResearch is ongoing to find better treatments\u003C/li\u003E\r\n \u003C/ul\u003E",
"Bookmarks": [
{
"Title": "Surgery Options",
"Category": "Treatment",
"Description": "Learn about different surgical procedures for breast cancer treatment",
"DescriptionHtml": null,
"ImageHtml": {},
"CssClass": "bookmark-card",
"HeadingLevel": 3,
"Type": 5,
"LinkText": "Read more",
"LinkUrl": "/treatments/surgery",
"LinkTarget": "_self",
"IsActive": false
},
{
"Title": "Emotional Support",
"Category": "Support",
"Description": "Access our counseling and peer support programs",
"DescriptionHtml": null,
"ImageHtml": {},
"CssClass": "bookmark-card",
"HeadingLevel": 3,
"Type": 5,
"LinkText": "Get support",
"LinkUrl": "/support/emotional",
"LinkTarget": "_self",
"IsActive": false
}
],
"DonationWidget": {
"Heading": "Support Our Mission",
"BackgroundColor": "purple",
"DefaultDonationType": "regular",
"DonationTypeSupported": "both",
"PricePointsOneOff": [
{
"Value": 25,
"Default": false,
"Copy": "Could fund vital research"
},
{
"Value": 50,
"Default": true,
"Copy": "Supports our helpline services"
},
{
"Value": 100,
"Default": false,
"Copy": "Helps fund awareness campaigns"
}
],
"PricePointsRegular": [
{
"Value": 10,
"Default": false,
"Copy": "Monthly support for our mission"
},
{
"Value": 20,
"Default": true,
"Copy": "Regular contribution to research"
},
{
"Value": 50,
"Default": false,
"Copy": "Sustaining supporter"
}
],
"SubmitText": "Donate Now",
"CustomAmountPlaceholder": "Enter your own amount",
"ShowPricePointDescription": true,
"AmountMessageOneOff": "Your one-off donation will help us continue our vital work",
"AmountMessageRegular": "Your regular gift provides sustainable support for our programs",
"CampaignName": "Breast Cancer Awareness Month",
"CampaignId": "BCN-2026-OCT",
"Source": "website",
"Medium": "rich-text-block",
"UtmSource": "bcn-website",
"UtmMedium": "inline-widget",
"UtmCampaign": "awareness-2026",
"UtmContent": "rich-text-donate"
},
"GlossaryTerms": [
{
"Category": "Treatment",
"Title": "Chemotherapy",
"Description": "\u003Cp\u003EChemotherapy is a type of cancer treatment that uses drugs to destroy cancer cells. It works by stopping or slowing the growth of cancer cells.\u003C/p\u003E",
"LinkText": "Explore treatment options",
"LinkUrl": "/treatments/chemotherapy",
"Key": "glossary-chemotherapy",
"IsVisible": false
},
{
"Category": "Medical Term",
"Title": "Biopsy",
"Description": "\u003Cp\u003EA biopsy is the removal of a small amount of tissue for examination under a microscope. This is the only definitive way to determine whether a suspicious area is cancerous.\u003C/p\u003E",
"LinkText": "Learn about diagnostic procedures",
"LinkUrl": "/diagnosis/procedures",
"Key": "glossary-biopsy",
"IsVisible": false
},
{
"Category": "Screening",
"Title": "Mammogram",
"Description": "\u003Cp\u003EA mammogram is an X-ray picture of the breast used to check for breast cancer in women who have no signs or symptoms of the disease.\u003C/p\u003E\u003Cp\u003EIt can also be used if you have a lump or other sign of breast cancer.\u003C/p\u003E",
"LinkText": "Book a screening appointment",
"LinkUrl": "/screening/book",
"Key": "glossary-mammogram",
"IsVisible": false
}
]
})
♿ Accessibility