Skip to content

Commit cf07a01

Browse files
Update README.md
1 parent ab98458 commit cf07a01

File tree

1 file changed

+50
-3
lines changed

1 file changed

+50
-3
lines changed

README.md

Lines changed: 50 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,15 @@
22

33
[![NuGet](https://img.shields.io/nuget/dt/Xceed.Product.Maui.Toolkit.Full?color=blue&label=nuget)](https://www.nuget.org/packages/Xceed.Product.Maui.Toolkit.Full)
44
![Platforms](https://img.shields.io/badge/platforms-Android%20%7C%20Windows%20%7C%20iOS%20%7C%20macOS-brightgreen)
5+
![Static Badge](https://img.shields.io/badge/.NET-7%2B-blue)
56

7+
# Update 1.6
8+
We keep adding more, here's 3 new controls
9+
- [MaskedTextBox](#masked)
10+
- [FilePicker](#filepicker)
11+
- [RadioButton](#radiobutton)
612

7-
# Update!
13+
# Update 1.5
814
We have added a series of new controls for the MAUI Toolkit
915
- [Chart](#chart)
1016
- [ColorCanvas](#colorcanvas)
@@ -97,7 +103,7 @@ Here's a quick code sample to get you started:
97103
````
98104

99105
<a id="colorcanvas"></a>
100-
### Color Canvas
106+
### ColorCanvas
101107

102108
The ColorCanvas control facilitates intuitive color selection in applications. It offers a simple graphical interface with including ColorSpectrum for seamless color picking.
103109

@@ -119,8 +125,26 @@ The TextBox control is a versatile input element offering advanced features not
119125

120126
- ClearButton Styling: Ability to style the ClearButton to match the overall design of the application.
121127

128+
<a id="maskedtextbox"></a>
129+
### MaskedTextBox
130+
The MaskedTextBox allows you to use the same functionalities that you find in the textbox while adding support for a mask, here's a few examples of mask you can use and how they look like:
131+
132+
````xaml
133+
<!--For a phone number and ip address-->
134+
<xctk:MaskedTextBox Margin="0,8,0,0"
135+
Mask="(000)000-0000"
136+
ClearButtonVisibility="WhileEditing"
137+
WidthRequest="160"/>
138+
139+
<xctk:MaskedTextBox Margin="0,8,0,0"
140+
CornerRadius="0"
141+
Mask="000.000.000.000"
142+
ClearButtonVisibility="WhileEditing"
143+
WidthRequest="160" />
144+
````
145+
122146
<a id="switch"></a>
123-
### Toggle Switch
147+
### ToggleSwitch
124148

125149
The ToggleSwitch is an advanced control that enhances the standard Switch from the MAUI framework. Allowing customization of size, borders, content, and thumb appearance based on the Checked or Unchecked state. Here's a quick list of features:
126150

@@ -130,6 +154,18 @@ The ToggleSwitch is an advanced control that enhances the standard Switch from t
130154
- Choose the side when Checked
131155
- and of course all features that area already available in the MAUI Switch control.
132156

157+
<a id="filepicker"></a>
158+
### FilePicker
159+
The FilePicker control offers a seamless and unified file selection functionality across all platforms. Whether you're developing for Windows, iOS, or any other supported platform, this control integrates effortlessly.
160+
161+
To incorporate the FilePicker into your application, simply add it to your XAML:
162+
163+
````xaml
164+
<xctk:FilePicker Watermark="File Picker" />
165+
````
166+
167+
And you will then have access to a selectedfile(s) property. The control supports both single or multiple files selection.
168+
133169
<a id="expander"></a>
134170
### Expander
135171

@@ -150,6 +186,17 @@ The CheckBox is an enhanced version of the standard CheckBox control, providing
150186

151187
These features enhance the usability and visual customization of the Xceed CheckBox, making it a valuable component for building interactive UIs.
152188

189+
<a id="radiobutton"></a>
190+
Just like the CheckBox control, the RadioButton is an enhanced version of the standard RadioButton control, providing additional features and flexibility.
191+
192+
````xaml
193+
<xctk:RadioButton Content="RadioButton 1"
194+
IsChecked="True" />
195+
<xctk:RadioButton Content="RadioButton 2"
196+
IsChecked="False"/>
197+
<xctk:RadioButton Content="RadioButton 3"
198+
IsChecked="False"/>
199+
````
153200

154201
<a id="border"></a>
155202
### Border

0 commit comments

Comments
 (0)