# Included Components | WPF Controls | DevExpress Documentation The WPF Data Editors library contains a set of editors and simple controls that can be used in WPF applications. Each editor provides a specific functionality that is required for editing data values of a certain type. ![Toolbox](/WPF/images/toolbox10958.png) In the Visual Studio IDE, all Data Editors and Simple Controls components are available on the **DX.26.1.WPF: Common Controls** toolbox tab. You can use the Data Editors in the following ways. - **As a standalone control** The code sample below demonstrates how to use the BarCodeEdit control to display a bar code. - XAML 
<Window ...
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors">

<dxe:BarCodeEdit Width="150" Height="60" EditValue="9780470500835">
    <dxe:BarCodeEdit.StyleSettings>
        <dxe:EAN13StyleSettings />
    </dxe:BarCodeEdit.StyleSettings>
</dxe:BarCodeEdit>
The image below demonstrates the result. ![WPF_BarCodeEdit_standalone](/WPF/images/wpf_barcodeedit_standalone122062.png) - **As an in-place control** Most of DevExpress WPF data editors can be seamlessly nested in **GridControl** cells, **Bar** items, **PropertyGrid** cells, etc. For more information, see [In-Place Mode](/WPF/117648/controls-and-libraries/data-editors/common-features/in-place-mode). The code sample below demonstrates how to display barcodes within the GridControl using the in-place BarCodeEdit editors. - XAML 
<Window ...
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid">

<dxg:GridControl Name="grid">
    <dxg:GridControl.View>
        <dxg:TableView />
    </dxg:GridControl.View>
    <dxg:GridControl.Columns>
        <dxg:GridColumn FieldName="ProductName" />
        <dxg:GridColumn FieldName="QuantityPerUnit"/>
        <dxg:GridColumn FieldName="UnitPrice"/>
        <dxg:GridColumn FieldName="EAN13" >
            <dxg:GridColumn.EditSettings>
                <!-- The BarCodeEditSettings objects allows you to -->
                <!-- fully customize the in-place BarCodeEdit settings -->
                <dxe:BarCodeEditSettings ShowText="False">
                    <dxe:BarCodeEditSettings.StyleSettings>
                        <dxe:EAN13StyleSettings />
                    </dxe:BarCodeEditSettings.StyleSettings>
                </dxe:BarCodeEditSettings>
            </dxg:GridColumn.EditSettings>
        </dxg:GridColumn>
    </dxg:GridControl.Columns>
</dxg:GridControl>
The image below demonstrates the result. ![WPF_Editors_Grid_with_BarCodeEdit](/WPF/images/wpf_editors_grid_with_barcodeedit122072.png) ## Buttons ### SimpleButton Serves as a base for classes that represent button controls. Class: [SimpleButton](/WPF/DevExpress.Xpf.Core.SimpleButton) ![SimpleButton](/WPF/images/simplebutton121032.png) ### DropDownButton Represents a dropdown button control. Class: [DropDownButton](/WPF/DevExpress.Xpf.Core.DropDownButton) ![DropDownButton](/WPF/images/dropdownbutton_rangecontrol121031.png) ### SplitButton A split button control. Class: [SplitButton](/WPF/DevExpress.Xpf.Core.SplitButton) ![SplitButton](/WPF/images/splitbutton121033.png) ## Item Selection ### ListBoxEdit A list box (checked list box, radio list box). Class: [ListBoxEdit](/WPF/DevExpress.Xpf.Editors.ListBoxEdit) In-place editor: [ListBoxEditSettings](/WPF/DevExpress.Xpf.Editors.Settings.ListBoxEditSettings) ![List Box Editor](/WPF/images/wpf-listboxedit.png)List Box Editor ![Checked List Box](/WPF/images/wpf-checked-listbox.png)Checked List Box ![Radio List Box](/WPF/images/wpf-radio-listbox.png)Radio List Box ### ComboboxEdit A combobox editor. Class: [ComboBoxEdit](/WPF/DevExpress.Xpf.Editors.ComboBoxEdit) In-place editor: [ComboBoxEditSettings](/WPF/DevExpress.Xpf.Editors.Settings.ComboBoxEditSettings) ![Combobox Editor](/WPF/images/wpf-comboboxedit.png)Combobox Editor ![Checked Combobox](/WPF/images/wpf-checked-combobox.png)Checked Combobox ![Radio Combobox](/WPF/images/wpf-radio-combobox.png)Radio Combobox ![Token Combobox](/WPF/images/wpf-token-combobox.png)Token Combobox ### FontEdit A font editor. Class: [FontEdit](/WPF/DevExpress.Xpf.Editors.FontEdit) In-place editor: [FontEditSettings](/WPF/DevExpress.Xpf.Editors.Settings.FontEditSettings) ![WPF_FontEdit](/WPF/images/wpf_fontedit122081.png) ### LookupEdit A lookup editor. Class: [LookUpEdit](/WPF/DevExpress.Xpf.Grid.LookUp.LookUpEdit) In-place editor: [LookUpEditSettings](/WPF/DevExpress.Xpf.Grid.LookUp.LookUpEditSettings) ![WPF_LookUpEdit](/WPF/images/lookupedit12469.png) #### SearchLookUpEdit A lookup editor with a built-in search functionality. Class: [LookUpEdit](/WPF/DevExpress.Xpf.Grid.LookUp.LookUpEdit) with the [SearchLookUpEditStyleSettings](/WPF/DevExpress.Xpf.Grid.LookUp.SearchLookUpEditStyleSettings) settings. ![SearchLookUpEdit](/WPF/images/searchlookupedit-black201015381.png) #### MultiSelectLookUpEdit A lookup editor with multiple value selection. Class: [LookUpEdit](/WPF/DevExpress.Xpf.Grid.LookUp.LookUpEdit) with the [MultiSelectLookUpEditStyleSettings](/WPF/DevExpress.Xpf.Grid.LookUp.MultiSelectLookUpEditStyleSettings) settings. ![MultiSelectLookUpEdit](/WPF/images/multiselectlookupedit118104.png) #### TokenLookUpEdit A lookup editor with multiple value selection. Selected values are represented by tokens. Class: [LookUpEdit](/WPF/DevExpress.Xpf.Grid.LookUp.LookUpEdit) with the [TokenLookUpEditStyleSettings](/WPF/DevExpress.Xpf.Grid.LookUp.TokenLookUpEditStyleSettings) settings. ![TokenLookUpEdit](/WPF/images/tokenlookupedit118111.png) ### AutoSuggestEdit An editor that displays a drop-down list of suggestions as a user types in the text box. Class: [AutoSuggestEdit](/WPF/DevExpress.Xpf.Editors.AutoSuggestEdit) In-place editor: [AutoSuggestEditSettings](/WPF/DevExpress.Xpf.Editors.Settings.AutoSuggestEditSettings) ![AutoSuggestEdit](/WPF/images/autosuggestedit.png) ## Data Input ### CheckEdit A check box editor. Class: [CheckEdit](/WPF/DevExpress.Xpf.Editors.CheckEdit) In-place editor: [CheckEditSettings](/WPF/DevExpress.Xpf.Editors.Settings.CheckEditSettings) ![CheckEdit_Class.gif](/WPF/images/check-box.png10290.png) ### ToggleSwitchEdit Represents a toggle switch editor. Class: [ToggleSwitchEdit](/WPF/DevExpress.Xpf.Editors.ToggleSwitchEdit) In-place editor: [ToggleSwitchEditSettings](/WPF/DevExpress.Xpf.Editors.Settings.ToggleSwitchEditSettings) ![ToggleSwitch](/WPF/images/toggleswitch124901.png) ### ButtonEdit A text editor with embedded buttons. Class: [ButtonEdit](/WPF/DevExpress.Xpf.Editors.ButtonEdit) In-place editor: [ButtonEditSettings](/WPF/DevExpress.Xpf.Editors.Settings.ButtonEditSettings) ![ButtonEdit](/WPF/images/button-edit.png10289.png) ### BrowsePathEdit A text editor that allows users to specify a path to a file/folder. Class: [BrowsePathEdit](/WPF/DevExpress.Xpf.Editors.BrowsePathEdit) In-place editor: [BrowsePathEditSettings](/WPF/DevExpress.Xpf.Editors.Settings.BrowsePathEditSettings) ![BrowsePathEdit](/WPF/images/Create_BrowsePathEdit.png) ### TextEdit A text editor. Class: [TextEdit](/WPF/DevExpress.Xpf.Editors.TextEdit) In-place editor: [TextEditSettings](/WPF/DevExpress.Xpf.Editors.Settings.TextEditSettings) ![TextEdit Context Menu](/WPF/images/textedit-context-menu.png) ### PasswordBoxEdit A control allowing you to enter and manage passwords. Class: [PasswordBoxEdit](/WPF/DevExpress.Xpf.Editors.PasswordBoxEdit) In-place editor: [PasswordBoxEditSettings](/WPF/DevExpress.Xpf.Editors.Settings.PasswordBoxEditSettings) ![WPF_PasswordBoxEdit](/WPF/images/passwordbox_validation12030.png) ### MemoEdit Represents an editor that displays a multi-line edit box in its popup. Class: [MemoEdit](/WPF/DevExpress.Xpf.Editors.MemoEdit) In-place editor: [MemoEditSettings](/WPF/DevExpress.Xpf.Editors.Settings.MemoEditSettings) ![WPF_MemoEdit](/WPF/images/wpf_memoedit122084.png) ### SpinEdit An editor with spin buttons used to adjust a numerical value. Class: [SpinEdit](/WPF/DevExpress.Xpf.Editors.SpinEdit) In-place editor: [SpinEditSettings](/WPF/DevExpress.Xpf.Editors.Settings.SpinEditSettings) ![WPF SpinEdit Control](/WPF/images/wpf-spinedit-control14665.png) ## Date and Time ### DateEdit A date editor with a dropdown calendar. Class: [DateEdit](/WPF/DevExpress.Xpf.Editors.DateEdit) In-place editor: [DateEditSettings](/WPF/DevExpress.Xpf.Editors.Settings.DateEditSettings) ![date-edit](/WPF/images/date-edit-default-mode.png) ### DateNavigator A date navigator control. Class: [DateNavigator](/WPF/DevExpress.Xpf.Editors.DateNavigator.DateNavigator) ![DateNavigator-MonthView](/WPF/images/datenavigator-api-monthview.png) ### DateRangeControl A date range control. Class: [DateRangeControl](/WPF/DevExpress.Xpf.Editors.DateRangeControl) ![DateRangeControl](/WPF/images/daterangecontrol-common.png) ### TimePicker A time picker control. Class: [TimePicker](/WPF/DevExpress.Xpf.Editors.TimePicker) ![time picker editor](/WPF/images/time-picker-editor.png) ## Image and Color ### ImageEdit Represents an image editor. Class: [ImageEdit](/WPF/DevExpress.Xpf.Editors.ImageEdit) In-place editor: [ImageEditSettings](/WPF/DevExpress.Xpf.Editors.Settings.ImageEditSettings) ![WPF_ImageEdit](/WPF/images/imageeditor_showmenu12200.png) ### PopupImageEdit An editor that displays an image within a dropdown window. Class: [PopupImageEdit](/WPF/DevExpress.Xpf.Editors.PopupImageEdit) In-place editor: [PopupImageEditSettings](/WPF/DevExpress.Xpf.Editors.Settings.PopupImageEditSettings) ![WPF_PopupImageEdit](/WPF/images/popupimageedit12201.png) ### BrushEdit Represents a brush editor. Class: [BrushEdit](/WPF/DevExpress.Xpf.PropertyGrid.BrushEdit) In-place editor: [BrushEditSettings](/WPF/DevExpress.Xpf.PropertyGrid.BrushEditSettings) ![WPF_BrushEdit](/WPF/images/wpf_brushedit122095.png) ### PopupBrushEdit Represents a brush editor displayed within a dropdown window. Class: [PopupBrushEdit](/WPF/DevExpress.Xpf.PropertyGrid.PopupBrushEdit) In-place editor: [PopupBrushEditSettings](/WPF/DevExpress.Xpf.PropertyGrid.PopupBrushEditSettings) ![WPF_PopupBrushEdit](/WPF/images/popupbrushedit117744.png) ### ColorEdit Represents a color editor. Class: [ColorEdit](/WPF/DevExpress.Xpf.Editors.ColorEdit) In-place editor: [ColorEditSettings](/WPF/DevExpress.Xpf.Editors.Settings.ColorEditSettings) ![ColorEdit_PalletsOnly](/WPF/images/coloredit_palletsonly122078.png) ### PopupColorEdit Represents a color editor displayed within a drop-down window. Class: [PopupColorEdit](/WPF/DevExpress.Xpf.Editors.PopupColorEdit) In-place editor: [PopupColorEditSettings](/WPF/DevExpress.Xpf.Editors.Settings.PopupColorEditSettings) ![WPF_PopupColorEdit](/WPF/images/wpf_popupcoloredit122085.png) ## Visualization ### ProgressBarEdit A progress bar. Class: [ProgressBarEdit](/WPF/DevExpress.Xpf.Editors.ProgressBarEdit) In-place editor: [ProgressBarEditSettings](/WPF/DevExpress.Xpf.Editors.Settings.ProgressBarEditSettings) ![WPF_ProgressBarEdit](/WPF/images/progressbar_native11444.png) ### SparklineEdit A sparkline control. Class: [SparklineEdit](/WPF/DevExpress.Xpf.Editors.SparklineEdit) In-place editor: [SparklineEditSettings](/WPF/DevExpress.Xpf.Editors.Settings.SparklineEditSettings) ![WPF_SparkLineEdit](/WPF/images/wpf_sparklineedit122086.png) ### TrackBarEdit A track bar. Class: [TrackBarEdit](/WPF/DevExpress.Xpf.Editors.TrackBarEdit) In-place editor: [TrackBarEditSettings](/WPF/DevExpress.Xpf.Editors.Settings.TrackBarEditSettings) ![TrackBar](/WPF/images/trackbaredit_nativestyle11453.png) ![TrackBar](/WPF/images/trackbaredit_rangestyle11454.png) ### RatingEdit A rating editor. Class: [RatingEdit](/WPF/DevExpress.Xpf.Editors.RatingEdit) ![RatingEdit](/WPF/images/ratingedit122760.png) ### RangeControl Represents a range control. Class: [RangeControl](/WPF/DevExpress.Xpf.Editors.RangeControl.RangeControl) ![WPF_RangeControl](/WPF/images/wpf_rangecontrol122108.png) ## Utility ### BarCodeEdit A barcode control. Class: [BarCodeEdit](/WPF/DevExpress.Xpf.Editors.BarCodeEdit) In-place editor: [BarCodeEditSettings](/WPF/DevExpress.Xpf.Editors.Settings.BarCodeEditSettings) ![WPF_BarCodeEdit_standalone](/WPF/images/wpf_barcodeedit_standalone122062.png) ### HyperlinkEdit A hyperlink editor. Class: [HyperlinkEdit](/WPF/DevExpress.Xpf.Editors.HyperlinkEdit) In-place editor: [HyperlinkEditSettings](/WPF/DevExpress.Xpf.Editors.Settings.HyperlinkEditSettings) ![HyperLinkEdit](/WPF/images/hyperlinkedit125317.png) ### FlyoutControl Represents a flyout control. Class: [FlyoutControl](/WPF/DevExpress.Xpf.Editors.Flyout.FlyoutControl) ![FlyoutControl](/WPF/images/flyout22889.png) ### Calculator Represents a calculator. Class: [Calculator](/WPF/DevExpress.Xpf.Editors.Calculator) ![Calculator](/WPF/images/calculator_digitaldisplay12021.png) ### PopupCalcEdit Represents a calculator displayed within a dropdown window. Class: [PopupCalcEdit](/WPF/DevExpress.Xpf.Editors.PopupCalcEdit) In-place editor: [CalcEditSettings](/WPF/DevExpress.Xpf.Editors.Settings.CalcEditSettings) ![WPF_PopupCalcEdit](/WPF/images/popupcalcedit12023.png)