SkeleKitSkeleKit

ColorWell

Let people choose a system color with optional alpha and two-way binding.

ColorWell opens the platform color picker and displays the current selection inline.

var accent = new ColorWell
{
    Title = "Accent color",
    SupportsAlpha = false,
    Selected = Bind(vm => vm.AccentColor)
        .TwoWay((vm, val) => vm.AccentColor = val)
};

Selected is a SkeleKit Color and defaults to blue. Changes made in the system picker flow back through the property while it is open. SelectionChanged is available when the view itself needs to respond:

accent.SelectionChanged = color =>
{
    preview.Background = color;
};

Set SupportsAlpha to false when transparency would be meaningless or would make contrast unreliable. Title is optional and is passed to the native color picker as context for the selection.

Edit this page
DatePicker
Select dates and times with compact, inline, or wheel-based native pickers.
Label
Display plain or styled text with Dynamic Type, wrapping, and truncation.