Components Reference

Important

This project is an experimental release. We hope you try out Experimental Maui Blazor Bindings and provide feedback at https://github.com/Dreamescaper/BlazorBindings.Maui.

Overview

Applications built using Maui Blazor Bindings are constructed using UI components. UI components can come from the built-in libraries, 3rd parties, or you can write your own. To author custom components, refer to the Custom Components topic.

UI components are used by referencing them with standard Razor syntax. For example:

<SomeComponent
    Property1="value1"
    Property2="@variable2">
    ... possibly some inner content ...
</SomeComponent>>

To learn more about Blazor and Razor syntax, refer to the References topic.

UI component categories

The built-in components can be divided into several broad categories:

  1. Pages. These components occupy all or most of a screen.
  2. Layouts. These components are containers for views and other layouts.
  3. Views. These components are user-interface objects such as labels, buttons, and sliders.
  4. Other specialized components, such as the Application object, Span (for formatted text), and menu items.

Built-in components

  1. Page components

    • ContentPage
    • FlyoutPage
    • Page
    • TabbedPage
    • TemplatedPage

  2. Layout components

    • ContentView
    • Frame
    • Grid
    • ScrollView
    • StackLayout

  3. View components

    • ActivityIndicator
    • BoxView
    • Button
    • CheckBox
    • DatePicker
    • Image
    • ImageButton
    • Entry
    • Label
    • ProgressBar
    • Slider
    • Stepper
    • Switch
    • TimePicker

  4. Specialized components

    • Application
    • BaseMenuItem
    • BlazorWebView
    • FormattedString
    • GestureElement
    • MenuItem
    • Shell (including ShellContent, ShellGroupItem, ShellItem, FlyoutItem, TabBar, ShellSection, Tab)
    • Span
    • StyleSheet
    • WebView

More information

Because most of the built-in UI components are based on MAUI controls, you can refer to the MAUI Controls Reference to learn more about how they work and their properties and events.