Features

• Added 15 new React controls:
  • React Avatar - The React Avatar component helps you add initials, images, or material icons to your application.
  • React Badge - The React Badge is a component used in conjunction with avatars, navigation menus, or other components in an application when a visual notification is needed. Badges are usually designed as icons with a predefined style to communicate information, success, warnings, or errors.
  • React Button - The React Button directive is intended to turn any button, span, div, or anchor element into a fully functional button.
  • React Calendar - The React Calendar component provides an easy and intuitive ways to display date information. Users can choose from three different selection modes - single selection, multi selection or range selection.
  • React Card - The React Card component displays text, images, icons, and buttons in a visually rich presentation that can serve as an entry point to more detailed information.
  • React Checkbox - The React Checkbox component is a selection control that allows users to make a binary choice for a certain condition. It behaves similarly to the native browser checkbox.
  • React Icon - The React Icon component unifies icon/font families so developers can use them interchangeably and add material icons to markup.
  • React Input - The React Input is used to create single-line or multi-line text elements. They help to cover common scenarios when dealing with form inputs.
  • React List - The List component is extremely useful when presenting a group of items. You can create a simple list of textual items, or a more complex one, containing an array of different layout elements. The React List component displays rows of items and supports one or more header items. Each list item is completely templatable and will support any valid HTML.
  • React Navigation Bar - The React Navigation Bar component informs the user of their current position in an app and helps them move back (much like the "back" button in a browser). The Navigation Bar can also provide links to quick actions such as search or favorite, helping users navigate smoothly through an application without trying to move to invalid routes or states. The bar sits at the top of the container it is placed in.
  • React Navigation Drawer - The React Navigation Drawer component is a side navigation container. It can rest above content and slide in/out of view or be pinned to expand/collapse within the content. A mini version provides quick access to navigation even when closed. The Navigation Drawer features responsive mode selection and touch gestures. Content is completely customizable and can make use of default menu item styling.
  • React Radio and Radio Group - The React Radio Button and Radio Group components allow the user to select a single option from an available set of options that are listed side by side.
  • React Ripple - The React Ripple component creates an animation in response to a touch or a mouse click.
  • React Switch - The React Switch component functions like a checkbox but explicitly represents boolean on and off states. Clicking the Switch component will toggle the value of the component from an "on" state (boolean true) to an "off" state (boolean false).