RadzenAccordion Styling

Radzen.Blazor Components
1

I am having trouble getting started with custom Accordion styling. Is there an example with a couple of basic style changes, such as Item Title at 1.5rem and bold?

2

Hi @rolliecolby,

You can use browser's devtools to inspect the component and find the needed CSS variable to change, e.g. you can use --rz-accordion-item-font-size to change the font size.

3

I'll still stuck; I'm new to incorporating the rz- styling. Do you have an example?

4

Here it is:

<RadzenAccordion Style="--rz-accordion-item-font-size: 1.5rem; --rz-accordion-item-font-weight: 700;">
5

thank you, just what I needed!