Bottom sheet

Description

Bottom sheet is a component designed for you to display content anchored to the bottom of your page for people to use.

Inspiration

• Android: Material Design 2 Bottom Sheets
• iOS: Sheets - Human Interface Guidelines

Usage

Create your bottom sheet by creating a XAML class that derives from dui:BottomSheet.

<dui:BottomSheet xmlns="http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 xmlns:dui="http://dips.com/mobile.ui"
                 x:Class="<MyNameSpace>.MyBottomSheet"
                 ....
                 >
    <!-- Content of bottom sheet goes here -->
</dui:BottomSheet>

Push the bottom sheet:

await BottomSheetService.Current.OpenBottomSheet(new MyBottomSheet());

Or by XAML:

<dui:Button Text="Open my bottom sheet"
            Command="{dui:OpenBottomSheetCommand {x:Type sheets: MyBottomSheet}}" />

Properties

Inspect the components properties class to further customise and use it.