idk.Maui.Controls

idk.Maui.Controls provides assorted ui controls for your NET MAUI application.

Build Status

Install Controls

Available on NuGet.

Install with the dotnet CLI: dotnet add package Indiko.Maui.Controls, or through the NuGet Package Manager in Visual Studio.

Platform supported

Platform	Minimum Version Supported
iOS	14.2+
Android	21+

Dependency Injection

You will first need to register the idk.maui.controls with the MauiAppBuilder following the same pattern that the .NET MAUI Essentials libraries follow.

builder.UseMauiApp<App>()
	   .UseIndikoControls();

Controls available

Chips Control

A simple Chips control that can be used to show a list of items that can be selected or not.

Bindable Properties

• ItemsSource ObservableCollection<ChipItem>
• SelectedItems ObservableCollection<ChipItem>

ChipItem

Chip item is a simple class that can be used to define the items that will be shown in the chips control.

Bindable Properties

• Text string
• TextColor Color
• Icon = ImageSource
• CloseIcon = ImageSource
• BackgroundColor Color
• SelectedBackgroundColor Color
• DisabledBackgroundColor Color
• CornerRadius Float
• BorderColor Color
• BorderSize Float
• IsDisabled bool
• IsCloseable bool
• IsSelectedable bool
• IsSelected bool
• TabCommand ICommand
• SelectCommand ICommand
• UnSelectCommand ICommand
• CloseCommand ICommand

Avatar Control

A simple Avatar control that can be used to show a user avatar. This control is rendered using Skiasharp

Bindable Properties

• AvatarBackgroundColor Color
• InitialsTextColor Color
• BorderColor Color
• AvatarControlImage Byte[]
• Initials string
• FontFamily string
• BorderSize int
• HasBorder bool

Line Control

A simple Line control that can be used to separate content. This control is rendered using Skiasharp

Bindable Properties

• LineColor Color
• Stroke int

Context Help Control

A simple ContextHelpControl that can be used to show a help icon with a caption, when the user tabs on it a command is propagated for instance to show a popup with further help content.

Bindable Properties

• Icon ImageSource
• IconSize Double
• Caption String
• CaptionLineBreakMode LineBreakMode
• CaptionFontSize double
• CaptionFontFamily string
• CaptionForegroundColor Color
• CaptionUnderline bool
• Animate bool
• Command ICommand