{"id":13713092,"url":"https://github.com/enisn/Xamarin.Forms.InputKit","last_synced_at":"2025-05-06T23:30:38.360Z","repository":{"id":32084100,"uuid":"130390679","full_name":"enisn/Xamarin.Forms.InputKit","owner":"enisn","description":"CheckBox, Radio Button, Labeled Slider, Dropdowns etc. ","archived":false,"fork":false,"pushed_at":"2024-11-22T12:32:47.000Z","size":24951,"stargazers_count":594,"open_issues_count":69,"forks_count":100,"subscribers_count":26,"default_branch":"develop","last_synced_at":"2025-04-12T22:16:47.389Z","etag":null,"topics":["annotation","checkbox","nuget","radio-buttons","slide","validation","xamarin","xamarin-forms"],"latest_commit_sha":null,"homepage":"","language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/enisn.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-04-20T16:56:28.000Z","updated_at":"2025-03-23T22:33:02.000Z","dependencies_parsed_at":"2024-01-09T07:44:28.410Z","dependency_job_id":"d23daf74-1db1-444f-9381-360492fe2acb","html_url":"https://github.com/enisn/Xamarin.Forms.InputKit","commit_stats":{"total_commits":626,"total_committers":24,"mean_commits":"26.083333333333332","dds":0.07827476038338654,"last_synced_commit":"ffb0e1932f85539342e438b8e34f8c0d52316a6e"},"previous_names":[],"tags_count":62,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/enisn%2FXamarin.Forms.InputKit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/enisn%2FXamarin.Forms.InputKit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/enisn%2FXamarin.Forms.InputKit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/enisn%2FXamarin.Forms.InputKit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/enisn","download_url":"https://codeload.github.com/enisn/Xamarin.Forms.InputKit/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252787170,"owners_count":21804210,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["annotation","checkbox","nuget","radio-buttons","slide","validation","xamarin","xamarin-forms"],"created_at":"2024-08-02T23:01:27.323Z","updated_at":"2025-05-06T23:30:33.348Z","avatar_url":"https://github.com/enisn.png","language":"C#","funding_links":["https://www.buymeacoffee.com/enisn"],"categories":["Components","UI","Plugins"],"sub_categories":["Get Started"],"readme":"\u003ctable\u003e\n\u003ctr\u003e\n\t\u003ctd\u003e \u003cimg src=\"art/icon512.png\" width=\"120\" /\u003e\u003c/td\u003e\n\t\u003ctd\u003e \n\t\t\u003ch1\u003e InputKit \u003c/h1\u003e\n\t\t\u003cp\u003e\u003ca href=\"https://enisn-projects.io/docs/en/inputkit/latest/components/controls/CheckBox\"\u003eCheckBox\u003c/a\u003e, \u003ca href=\"https://enisn-projects.io/docs/en/inputkit/latest/components/controls/RadioButton\"\u003eRadioButton\u003c/a\u003e, Advanced Entry, Advanced Slider etc.  \u003c/p\u003e \n\t\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n\n\u003chr /\u003e\n\n[![Build status](https://ci.appveyor.com/api/projects/status/st6lcbts9bkhxqub?svg=true)](https://ci.appveyor.com/project/enisn/xamarin-forms-inputkit)\n[![CodeFactor](https://www.codefactor.io/repository/github/enisn/xamarin.forms.inputkit/badge)](https://www.codefactor.io/repository/github/enisn/xamarin.forms.inputkit)\n[![Nuget](https://img.shields.io/nuget/v/Xamarin.Forms.InputKit)](https://www.nuget.org/packages/Xamarin.Forms.InputKit/)\n![Nuget](https://img.shields.io/nuget/dt/Xamarin.Forms.InputKit?logo=nuget)\n\u003ca href=\"https://enisn-projects.io/docs/en/inputkit/latest\"\u003e \u003cimg src=\"https://img.shields.io/badge/Visit-Docs-orange.svg\"/\u003e\u003c/a\u003e\n\u003cbr /\u003e\n[![Sparkline](https://stars.medv.io/enisn/Xamarin.Forms.InputKit.svg)](https://stars.medv.io/enisn/Xamarin.Forms.InputKit)\n\u003chr/\u003e\n\n\n\u003chr/\u003e\n\n## Getting Started with InputKit on **MAUI**\n\n- Install [InputKit.Maui](https://www.nuget.org/packages/InputKit.Maui) package from NuGet.\n\n- Go to your **MauiProgram.cs** file and add following line:\n\n    ```csharp\n    builder\n    .UseMauiApp\u003cApp\u003e()\n    .ConfigureMauiHandlers(handlers =\u003e\n    {\n        // Add following line:\n        handlers.AddInputKitHandlers(); // 👈\n    })\n                            \n    ```\n\n- Read the [documentation](https://enisn-projects.io/docs/en/inputkit/) for further information.\n\n---\n\n## Getting Started with InputKit on **Xamarin Forms**\n\n- Install [Xamarin.Forms.InputKit](https://www.nuget.org/packages/Xamarin.Forms.InputKit) package from NuGet.\n\n- Follow the [Documentation of Getting Started](https://enisn-projects.io/docs/en/inputkit/latest/getting-started/getting-started-xamarin) for each platform.\n\n\u003chr /\u003e\n\n\n## CheckBox\n\nA checkbox control that is useful, customizable, full-featured, fully-bindable and easy to use.\n\n- [Sample Code](sandbox/SandboxMAUI/Pages/CheckBoxPage.xaml)\n- [Documentation](https://enisn-projects.io/docs/en/inputkit/latest/components/controls/CheckBox)\n\n\u003cbr /\u003e\n\u003ctable\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cimg src=\"docs/en/images/checkbox-dark-windows.gif\" alt=\"Xamarin Forms CheckBox Input Kit Enis Necipoglu\" width=\"270\" class=\"aligncenter size-medium wp-image-996\" /\u003e\n\u003c/td\u003e\n\n\u003ctd\u003e\n\u003cimg src=\"docs/en/images/checkbox-light-android.gif\" alt=\"Xamarin Forms CheckBox Input Kit Enis Necipoglu\" width=\"270\" class=\"aligncenter size-medium wp-image-996\" /\u003e\n\u003c/td\u003e\n\u003ctd\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/enisn/Xamarin.Forms.InputKit/develop/shreenshots/checkboxes_ios.png\" alt=\"Xamarin Forms CheckBox Input Kit Enis Necipoglu\" width=\"270\" class=\"aligncenter size-medium wp-image-996\" /\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\u003chr /\u003e\n\n\n## RadioButton\n\nA radio button control that is useful, customizable, full-featured, fully-bindable and easy to use.\n\n- [Sample Code](sandbox/SandboxMAUI/Pages/RadioButtonPage.xaml)\n- [Documentation](https://enisn-projects.io/docs/en/inputkit/latest/components/controls/RadioButton)\n\n\u003ctable\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cimg src=\"docs/en/images/radiobutton-dark-windows.gif\" alt=\"Xamarin Forms MAUI RadioButton Input Kit Enis Necipoglu\" width=\"270\" class=\"aligncenter size-medium wp-image-996\" /\u003e\n\u003c/td\u003e\n\n\u003ctd\u003e\n\u003cimg src=\"docs/en/images/radiobutton-light-android.gif\" alt=\"Xamarin Forms CheckBox Input Kit Enis Necipoglu\" width=\"270\" class=\"aligncenter size-medium wp-image-996\" /\u003e\n\u003c/td\u003e\n\u003ctd\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/enisn/Xamarin.Forms.InputKit/develop/shreenshots/radiobuttons_ios.png\" alt=\"Xamarin Forms Radio Button Input Kit Enis Necipoğlu\" width=\"270\" class=\"aligncenter size-medium wp-image-1001\" /\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\u003chr /\u003e\n\n## Advanced Entry\nThis entry has many features to develop your applications quickly. When this entry is completed, it finds the next entry in the Parent layout and focuses it. AdvancedEntry contains a validation system inside it. You can set some properties to validate it and you can handle whether all your entries are validated or not with **FormView**.\nYou can set validation message and AnnotatinColor. Entry will automatically display your message when it's not validated.\n\n- [Sample Code](sandbox/SandboxMAUI/Pages/AdvancedEntryPage.xaml)\n- [Documentation](https://enisn-projects.io/docs/en/inputkit/latest/components/controls/AdvancedEntry)\n\n\u003ca href=\"#\"\u003e\u003cimg src=\"https://media.giphy.com/media/1zl0u7O2doNolIXnrT/giphy.gif\" width=\"270\" height=\"480\" alt=\"Xamarin Forms Slider Sticky Label\" class=\"aligncenter size-medium\" /\u003e\u003c/a\u003e\n\n\u003ch4\u003ePROPERTIES:\u003c/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eText:\u003c/strong\u003e \u003cem\u003e(string)\u003c/em\u003e Text of user typed\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eTitle:\u003c/strong\u003e \u003cem\u003e(string)\u003c/em\u003e Title will be shown top of this control\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eIconImage:\u003c/strong\u003e \u003cem\u003e(string)\u003c/em\u003e Icons of this Entry. Icon will be shown left of this control\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eIconColor:\u003c/strong\u003e \u003cem\u003e(Color)\u003c/em\u003e Color of Icon Image. IconImage must be a PNG and have Alpha channels. This fills all not-Alpha channels one color. \u003ci\u003eDefault is Accent\u003c/i\u003e\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003ePlaceholder:\u003c/strong\u003e \u003cem\u003e(string)\u003c/em\u003e Entry's placeholder.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eMaxLength:\u003c/strong\u003e \u003cem\u003e(int)\u003c/em\u003e Text's Maximum length can user type.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eMinLength:\u003c/strong\u003e \u003cem\u003e(int)\u003c/em\u003e Text's Minimum length to be validated.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eAnnotationMessage:\u003c/strong\u003e \u003cem\u003e(string)\u003c/em\u003e This will be shown below title. This automaticly updating. If you set this manually you must set true IgnoreValidationMessage !!!  .\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eAnnotationColor:\u003c/strong\u003e \u003cem\u003e(Color)\u003c/em\u003e AnnotationMessage's color..\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eAnnotation:\u003c/strong\u003e \u003cem\u003e(Enum)\u003c/em\u003e There is some annotation types inside in kit.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eIsDisabled:\u003c/strong\u003e \u003cem\u003e(bool)\u003c/em\u003e Sets this control disabled or not.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eIsAnnotated:\u003c/strong\u003e \u003cem\u003e(bool)\u003c/em\u003e Gets this control annotated or not. Depends on Annotation\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eIsRequired:\u003c/strong\u003e \u003cem\u003e(bool)\u003c/em\u003e IValidation implementation. Same with IsAnnotated\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eValidationMessage:\u003c/strong\u003e \u003cem\u003e(string)\u003c/em\u003e This is message automaticly displayed when this is not validated. **Use this one instead of annotationmessage**\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eIgnoreValidationMessage:\u003c/strong\u003e \u003cem\u003e(bool)\u003c/em\u003e Ignores automaticly shown ValidationMessage and you can use AnnotationMessage as custom. \u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eCompletedCommand:\u003c/strong\u003e \u003cem\u003e(ICommand)\u003c/em\u003e Executed when completed. \u003c/li\u003e\n\u003c/ul\u003e\n\u003chr /\u003e\n\n\n## SelectionView\nPresents options to user to choose. This view didn't created to static usage. You should Bind a model List as ItemSource, or if you don't use MVVM you can set in page's cs file like below. (You can override ToString method to fix display value or I'll add displayMember property soon.)\u003c/p\u003e\n\n- [Sample Code](sandbox/SandboxMAUI/Pages/AdvancedEntryPage.xaml)\n- [Documentation](https://enisn-projects.io/docs/en/inputkit/latest/components/controls/SelectionView)\n\n\u003ch4\u003eSAMPLE:\u003c/h4\u003e\n\n```xaml\n\u003c?xml version=\"1.0\" encoding=\"utf-8\" ?\u003e\n\u003cContentPage xmlns=\"http://xamarin.com/schemas/2014/forms\"\n             xmlns:x=\"http://schemas.microsoft.com/winfx/2009/xaml\"\n             xmlns:local=\"clr-namespace:Sample.InputKit\"\n             xmlns:input=\"clr-namespace:Plugin.InputKit.Shared.Controls;assembly=Plugin.InputKit\"\n             x:Class=\"Sample.InputKit.MainPage\"\u003e\n\n    \u003cStackLayout Spacing=\"12\" Padding=\"10,0\" VerticalOptions=\"CenterAndExpand\"\u003e\n\n        \u003cinput:SelectionView x:Name=\"selectionView\" /\u003e\n\n    \u003c/StackLayout\u003e\n\u003c/ContentPage\u003e\n```\n\n```csharp\npublic partial class MainPage : ContentPage\n\t{\n\t\tpublic MainPage()\n\t\t{\n\t\t\tInitializeComponent();\n            selectionView.ItemSource = new[]\n            {\n                \"Option 1\",\"Option 2\",\"Option 3\",\"Option 4\",\"Option 5\",\"Option 6\",\"Option 7\",\"Option 8\"\n            };\n\t\t}\n\t}\n```\n\n\u003ca href=\"https://media.giphy.com/media/KXtC6oNnOgnJhvYecy/giphy.gif\"\u003e\u003cimg src=\"https://media.giphy.com/media/KXtC6oNnOgnJhvYecy/giphy.gif\" width=\"270\" height=\"480\" alt=\"Xamarin Forms SelectionView Enis Necipoglu\" class=\"aligncenter size-medium\" /\u003e\u003c/a\u003e\n\n\nYou may use a object list as ItemSource, You can make this. Don't forget override **ToString()** method in your object.\n\nsample object:\n\n```csharp\n  public class SampleClass\n    {\n        public int Id { get; set; }\n        public string Name { get; set; }\n        public override string ToString() =\u003e Name;\n    }\n```\n\nUsage:\n\n```csharp\npublic partial class MainPage : ContentPage\n\t{\n\t\tpublic MainPage()\n\t\t{\n\t\t\tInitializeComponent();\n           selectionView.ItemSource = new[]\n            {\n                new SampleClass{ Name = \"Option 1\", Id = 1 },\n                new SampleClass{ Name = \"Option 2\", Id = 2 },\n                new SampleClass{ Name = \"Option 3\", Id = 3 },\n                new SampleClass{ Name = \"Option 4\", Id = 4 },\n                new SampleClass{ Name = \"Option 5\", Id = 5 },\n                new SampleClass{ Name = \"Option 6\", Id = 6 },\n                new SampleClass{ Name = \"Option 7\", Id = 7 },\n                new SampleClass{ Name = \"Option 8\", Id = 8 },\n            };\n\t\t}\n\t}\n```\n\n\n\n\u003ch4\u003ePROPERTIES:\u003c/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eItemSource:\u003c/strong\u003e \u003cem\u003e(IList)\u003c/em\u003e List of options\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eSelectedItem:\u003c/strong\u003e \u003cem\u003e(object)\u003c/em\u003e Selected Item from ItemSource\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eColumnNumber:\u003c/strong\u003e \u003cem\u003e(int)\u003c/em\u003e Number of columng of this view\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003chr /\u003e\n\n\n## AutoCompleteEntry\nAlternative picker with dropdown menu. _( Xamarin Forms only )_\n\n```xaml\n \u003cinput:AutoCompleteEntry Title=\"Type something below:\"\n                          ItemsSource=\"{Binding MyList}\" \n                          SelectedItem=\"{Binding SelectedItem}\" /\u003e\n```\n\n\u003ctable\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003ca href=\"#\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/enisn/Xamarin.Forms.InputKit/develop/shreenshots/autocompleteentries_android.gif\" width=\"270\" height=\"480\" alt=\"Xamarin Forms Slider Sticky Label\" class=\"aligncenter size-medium\" /\u003e\u003c/a\u003e\n\u003c/td\u003e\n\u003ctd\u003e\n\u003ca href=\"#\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/enisn/Xamarin.Forms.InputKit/develop/shreenshots/autocompleteentries_ios.png\" width=\"270\" height=\"480\" alt=\"Xamarin Forms Slider Sticky Label\" class=\"aligncenter size-medium\" /\u003e\u003c/a\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n\u003ch4\u003ePROPERTIES:\u003c/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003ePlaceholder:\u003c/strong\u003e \u003cem\u003e(string)\u003c/em\u003e Placehodler Text\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eTitle:\u003c/strong\u003e \u003cem\u003e(string)\u003c/em\u003e Title will be shown top of this control\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eIconImage:\u003c/strong\u003e \u003cem\u003e(string)\u003c/em\u003e Icons of this Entry. Icon will be shown left of this control\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eColor:\u003c/strong\u003e \u003cem\u003e(Color)\u003c/em\u003e Color of Icon Image. IconImage must be a PNG and have Alpha channels. This fills all not-Alpha channels one color. \u003ci\u003eDefault is Accent\u003c/i\u003e\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eValidationMessage:\u003c/strong\u003e \u003cem\u003e(string)\u003c/em\u003e This is message automaticly displayed when this is not validated. **Use this one instead of annotationmessage**\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eAnnotationColor:\u003c/strong\u003e \u003cem\u003e(Color)\u003c/em\u003e AnnotationMessage's color..\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eIsRequired:\u003c/strong\u003e \u003cem\u003e(bool)\u003c/em\u003e IValidation implementation. Same with IsAnnotated\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eItemsSource:\u003c/strong\u003e \u003cem\u003e(IList)\u003c/em\u003e Suggestions items\u003c/li\u003e\n\u003c/ul\u003e\n\nTo be added...\n\u003chr /\u003e\n\n\u003ch2\u003eDropdown ( Experimental )\u003c/h2\u003e\n\u003cp\u003eAlternative picker with dropdown menu. _(Xamarin Forms only)_\n\u003c/p\u003e\n\u003ch4\u003eSAMPLE:\u003c/h4\u003e\n\n```xaml\n \u003cinput:Dropdown Title=\"Chosse an option below:\"\n                            TitleColor=\"Black\"\n                            ValidationMessage=\"This field is required\" \n                            AnnotationColor=\"Accent\" \n                            IsRequired=\"True\" \n                            BorderColor=\"Black\" \n                            Color=\"BlueViolet\"\n                            Placeholder=\"Choose one\" \n                            ItemsSource=\"{Binding MyList}\" \n                            SelectedItem=\"{Binding SelectedItem}\" /\u003e\n```\n\u003ca href=\"#\"\u003e\u003cimg src=\"https://media.giphy.com/media/CjGR8p3HoeOup8r21J/giphy.gif\" width=\"270\" height=\"480\" alt=\"Xamarin Forms Slider Sticky Label\" class=\"aligncenter size-medium\" /\u003e\u003c/a\u003e\n\n\u003ch4\u003ePROPERTIES:\u003c/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003ePlaceholder:\u003c/strong\u003e \u003cem\u003e(string)\u003c/em\u003e Placehodler Text\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eTitle:\u003c/strong\u003e \u003cem\u003e(string)\u003c/em\u003e Title will be shown top of this control\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eIconImage:\u003c/strong\u003e \u003cem\u003e(string)\u003c/em\u003e Icons of this Entry. Icon will be shown left of this control\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eColor:\u003c/strong\u003e \u003cem\u003e(Color)\u003c/em\u003e Color of Icon Image. IconImage must be a PNG and have Alpha channels. This fills all not-Alpha channels one color. \u003ci\u003eDefault is Accent\u003c/i\u003e\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eValidationMessage:\u003c/strong\u003e \u003cem\u003e(string)\u003c/em\u003e This is message automaticly displayed when this is not validated. **Use this one instead of annotationmessage**\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eAnnotationColor:\u003c/strong\u003e \u003cem\u003e(Color)\u003c/em\u003e AnnotationMessage's color..\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eIsRequired:\u003c/strong\u003e \u003cem\u003e(bool)\u003c/em\u003e IValidation implementation. Same with IsAnnotated\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003chr /\u003e\n\n\n\u003ch2\u003eAdvanced Slider\u003c/h2\u003e\n\u003cp\u003eXamarin Forms Slider works a Sticky label on it. Wonderful experience for your users.\u003c/p\u003e\n\u003ch4\u003eSAMPLE:\u003c/h4\u003e\n\n```xaml\n\u003c?xml version=\"1.0\" encoding=\"utf-8\" ?\u003e\n\u003cContentPage xmlns=\"http://xamarin.com/schemas/2014/forms\"\n             xmlns:x=\"http://schemas.microsoft.com/winfx/2009/xaml\"\n             xmlns:local=\"clr-namespace:Sample.InputKit\"\n             xmlns:input=\"clr-namespace:Plugin.InputKit.Shared.Controls;assembly=Plugin.InputKit\"\n             x:Class=\"Sample.InputKit.MainPage\"\u003e\n\n    \u003cStackLayout Spacing=\"12\" Padding=\"10,0\" VerticalOptions=\"CenterAndExpand\"\u003e\n\n        \u003cinput:AdvancedSlider MaxValue=\"5000\" MinValue=\"50\" StepValue=\"50\" ValuePrefix=\"Price:\" ValueSuffix=\"€\" Title=\"Choose Budget:\"/\u003e\n\n    \u003c/StackLayout\u003e\n\n\u003c/ContentPage\u003e\n```\n\u003ca href=\"https://media.giphy.com/media/BoIPfRefA0Q9AtJ6mQ/giphy.gif\"\u003e\u003cimg src=\"https://media.giphy.com/media/BoIPfRefA0Q9AtJ6mQ/giphy.gif\" width=\"270\" height=\"480\" alt=\"Xamarin Forms Slider Sticky Label\" class=\"aligncenter size-medium\" /\u003e\u003c/a\u003e\n\n\u003ch4\u003ePROPERTIES:\u003c/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eValue:\u003c/strong\u003e \u003cem\u003e(double)\u003c/em\u003e Current Selected Value, (this can be used TwoWayBinding)\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eTitle:\u003c/strong\u003e \u003cem\u003e(string)\u003c/em\u003e Title of slider\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eValueSuffix:\u003c/strong\u003e \u003cem\u003e(string)\u003c/em\u003e Suffix to be displayed near Value on Floating Label\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eValuePrefix:\u003c/strong\u003e \u003cem\u003e(string)\u003c/em\u003e Prefix to be displayed near Value on Floating Label\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eMinValue:\u003c/strong\u003e \u003cem\u003e(double)\u003c/em\u003e Sliders' minimum value\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eMaxValue:\u003c/strong\u003e \u003cem\u003e(double)\u003c/em\u003e Sliders' maximum value\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eMaxValue:\u003c/strong\u003e \u003cem\u003e(double)\u003c/em\u003e Sliders' increment value\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eTextColor:\u003c/strong\u003e \u003cem\u003e(Color)\u003c/em\u003e Color of Texts\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eDisplayMinMaxValue:\u003c/strong\u003e \u003cem\u003e(bool)\u003c/em\u003e Visibility of Minimum and Maximum value\u003c/li\u003e\n\u003c/ul\u003e\n\u003chr /\u003e\n\n# Did you like ?\n\n\u003ca href=\"https://www.buymeacoffee.com/enisn\" target=\"_blank\"\u003e\u003cimg src=\"https://www.buymeacoffee.com/assets/img/custom_images/purple_img.png\" alt=\"Buy Me A Coffee\" style=\"height: auto !important;width: auto !important;\" \u003e\u003c/a\u003e\n\nYour coffee keeps me awake while developing projects like this. 👍☕\n\n\u003chr /\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fenisn%2FXamarin.Forms.InputKit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fenisn%2FXamarin.Forms.InputKit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fenisn%2FXamarin.Forms.InputKit/lists"}