Skip to main content

Controls

Avalonia apps are made of high-level building blocks called controls, which allow you to quickly construct the UI for your app. Avalonia comes with lots of controls, including buttons, lists, tabs and more. These pages explain the essential functionalities of Avalonia controls—for detailed information, see the API Reference.

Button

Buttons let your users take action. They're an essential way to interact with and navigate an app.

Checkbox

Use a checkbox for binary user decisions, such as feature toggles, survey questions or task lists.

Combo box

ComboBox shows a selected item and displays a list of options when clicked.

Content control

A versatile control for displaying data based on a template.

Date and time pickers

Date and time pickers present an interface for users to select dates and times.

Grid

The grid is a powerful layout control that arranges other controls in columns and rows.

List

Lists display rows of information, such as a contacts, languages or music genres.

Image

Display images and decide how they interact with other UI elements.

Menu

Use menus to organize user options and improve ease of navigation.

Progress bar

The progress bar helps users to visualize the completion status of an operation.

Radio

Radio buttons allow you to present a set of mutually exclusive options.

Refresher

The refresh container provides pull-to-refresh functionality on a content component.

Slider

Sliders let users select a numerical value by moving a knob along a track.

Tabs

Tabs enable tabbed navigation, a standard navigation pattern in modern apps.

Text box

Text boxes create an area for text input—a staple of almost any type of app.

Toggle

Toggle buttons switch between true/false states. Use for instantly reversible binary options, such as mute, dark mode or subscription status.

Discussion

Have questions or feedback? Join the conversation below.