React DropDown

In this blog we will introduce our React DropDown.

The DropDown for React represents a component which is used to show elements in a drop down list. The items can be selected. The DropDown component is similar to a ComboBox, or a ListBox. With the DropDown however you cannot edit or change the text in the upper row. The DropDown can be used when you need to have a selectable list of elements from which the user to choose an element.

React DropDown Basic Features

The React DropDown has a built-in support for images. Thus you can add images to the left of the elements of the list.

It also supports automatic data binding to XML and JSON.

One of the interesting basic features is the support of check boxes. This enables you to put checkboxes on the left of each element in the DropDown.

The React DropDown supports also changes of the text alignment. The alignment can be changed horizontally and vertically. The horizontal alignment can be left or right from the top row. The vertical alignment can be top and bottom.

React DropDown

React DropDown Advanced Features

Our DropDown enable animation. This allow you to have a slide or a fade effect when opening the DropDown.

Categories are also supported. This allows you to show elements in groups by setting the group property of each item.

You can enable custom rendering by using the renderer function

The React DropDown supports also filtering. This enables you to filer the list for a text which you enter in text field below the top row.

In addition you can also use AutoOpen which will make the elements in the list appear when the mosuse is over it, keyboard navigation and right-to-left ayout.

You can see an example here.

About admin

This entry was posted in React, react grid, React Javascript Library, REACTJS and tagged , , . Bookmark the permalink.

Leave a Reply