---
title: "Discussion on \"Three ways to implement an accordion control\" | Hashnode"
description: "Discussion on \"Three ways to implement an accordion control\". Enhance the user experience of your .NET MAUI app with expanders"
url: "https://hashnode.com/posts/three-ways-to-implement-an-accordion-control/64e3385aa0040cf7f945e171"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Three ways to implement an accordion control](https://blog.ewers-peters.de/three-ways-to-implement-an-accordion-control?utm_source=hashnode&utm_medium=feed)

Enhance the user experience of your .NET MAUI app with expanders

Aug 21, 2023 · 11 min read · blog.ewers-peters.de  
Read the article

-   [#dotnet](https://hashnode.com/tag/dotnet)
-   [#dotnet-maui](https://hashnode.com/tag/dotnet-maui)
-   [#accordion](https://hashnode.com/tag/accordion)
-   [#user-experience](https://hashnode.com/tag/user-experience)
-   [#expander](https://hashnode.com/tag/expander)

## Written by

[Julian Ewers-Peters](https://hashnode.com/@ewerspej)

@ewerspej · Germany

  
[View profile](https://hashnode.com/@ewerspej)

Mobile App Developer

I am a passionate mobile app and software developer with a focus on C# .NET, Xamarin.Forms and .NET MAUI.

## Responses 1

Markdown supported · ⌘↵ to post

[Katherine Hambley](https://hashnode.com/@superdesigngirl)

[May 30, 2024](https://hashnode.com/posts/three-ways-to-implement-an-accordion-control/64e3385aa0040cf7f945e171/comment/6658b22cbcbe68f75d691946)

Do you have any ideas for adding a toggle icon, like an up/down arrow, which toggles when expanded/collapsed, in the header content?

[Julian Ewers-Peters](https://hashnode.com/@ewerspej)

[Jun 9, 2024](https://hashnode.com/posts/three-ways-to-implement-an-accordion-control/64e3385aa0040cf7f945e171/comment/6658b22cbcbe68f75d691946#reply-66655620a17b731b97a6a871)

Sorry for the late reply, I always miss the notifications.

You can place an image in the header of the control and use DataTriggers with a binding to the `IsExpanded` property. Inside the triggers you can then define setters that change the `Source` property of the image based on the value of the `IsExpanded` property.

Hope this helps.