Skip to content

How to remove padding from TitleContent in MudExpansionPanel #3887

Answered by iwis
jwh2021 asked this question in Q&A
Discussion options

You must be logged in to vote

It is easy in CSS:

<style>
    .my-panels .mud-expand-panel-header { padding: 0px; }
</style>

<MudExpansionPanels Class="my-panels" Elevation="0" DisableGutters="true" Dense="true">
    <MudExpansionPanel Dense="true" Style="padding: 0px;">
        <TitleContent>
                <MudText Class="mud-text-primary">$[ItemPrice1] [ItemPrice1Label]</MudText>
        </TitleContent>
        <ChildContent>
                <MudText Class="mud-text-primary">$[ItemPrice2] [ItemPrice2Label]</MudText>
                <MudText Class="mud-text-primary">$[ItemPrice3] [ItemPrice3Label]</MudText>
        </ChildContent>
    </MudExpansionPanel>
</MudExpansionPanels>

https://try.mudblazor.com/snippet/mac…

Replies: 1 comment 1 reply

Comment options

You must be logged in to vote
1 reply
@jwh2021
Comment options

Answer selected by jwh2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
None yet
2 participants