--- title: Getting Started with the BottomSheet Component for .NET MAUI description: A walkthrough of the Telerik UI BottomSheet component for .NET MAUI, covering its three main parts, how to show and hide it using GoToBottomSheetState, and... canonical: https://daily.dev/posts/getting-started-with-the-bottomsheet-component-for-net-maui-xce3qp2nr twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Getting Started with the BottomSheet Component for .NET MAUI | daily.dev og:description: A walkthrough of the Telerik UI BottomSheet component for .NET MAUI, covering its three main parts, how to show and hide it using GoToBottomSheetState, and... og:url: https://daily.dev/posts/getting-started-with-the-bottomsheet-component-for-net-maui-xce3qp2nr og:image: https://api.daily.dev/og/posts/xCe3qP2NR.png og:image:alt: Getting Started with the BottomSheet Component for .NET MAUI og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Getting Started with the BottomSheet Component for .NET MAUI **[Telerik](https://daily.dev/sources/telerik)** · 5 min read · 0 upvotes · 0 comments ## Summary A walkthrough of the Telerik UI BottomSheet component for .NET MAUI, covering its three main parts, how to show and hide it using GoToBottomSheetState, and customization options including width, swipe behavior, animations, and styling via BottomSheetContentStyle and HandleStyle. Demonstrated through a food delivery app UI example built with XAML. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [Building a Google Maps Style Bottom Sheet with Jetpack Compose](https://daily.dev/posts/building-a-google-maps-style-bottom-sheet-with-jetpack-compose-7uaru0dmo) · ProAndroidDev · 0 upvotes · 0 comments - [Replicating a Travel App in .NET MAUI](https://daily.dev/posts/replicating-a-travel-app-in-net-maui-lxfvjynh1) · Telerik · 2 upvotes · 0 comments - [Getting Started with the .NET MAUI Speech-to-Text Button Control](https://daily.dev/posts/getting-started-with-the-net-maui-speech-to-text-button-control-ijwvznbfp) · Telerik · 0 upvotes · 0 comments - [Building a Healthcare UI with .NET MAUI](https://daily.dev/posts/building-a-healthcare-ui-with-net-maui-o7tclzhmy) · Telerik · 3 upvotes · 0 comments - [Exploring Popup & Dialogs: Promotions, Cart Updates, Offers](https://daily.dev/posts/exploring-popup-dialogs-promotions-cart-updates-offers-mgtqm3ndc) · Telerik · 1 upvotes · 0 comments --- Tags: [#mobile](https://daily.dev/tags/mobile), [#.net](https://daily.dev/tags/.net), [#xamarin](https://daily.dev/tags/xamarin), [#.net-maui](https://daily.dev/tags/.net-maui) [View this post on daily.dev](https://daily.dev/posts/getting-started-with-the-bottomsheet-component-for-net-maui-xce3qp2nr) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Getting Started with the BottomSheet Component for .NET MAUI","url":"https://daily.dev/posts/getting-started-with-the-bottomsheet-component-for-net-maui-xce3qp2nr","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/getting-started-with-the-bottomsheet-component-for-net-maui-xce3qp2nr"},"datePublished":"2026-03-23T21:57:43.373Z","dateModified":"2026-03-23T21:58:03.776Z","description":"A walkthrough of the Telerik UI BottomSheet component for .NET MAUI, covering its three main parts, how to show and hide it using GoToBottomSheetState, and...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/fff82fd2de41994b71c0463aa2590437?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/fff82fd2de41994b71c0463aa2590437?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Telerik","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Telerik","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/5ee6d4bef8ac4f84886d06f5881963e7","url":"https://daily.dev/sources/telerik"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/getting-started-with-the-bottomsheet-component-for-net-maui-xce3qp2nr","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"mobile,.net,xamarin,.net-maui","timeRequired":"PT5M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Telerik","item":"https://daily.dev/sources/telerik"},{"@type":"ListItem","position":3,"name":"Getting Started with the BottomSheet Component for .NET MAUI"}]} ```