React Widgets

"An à la carte set of polished, extensible, and accessible inputs built for React" - packaged for easy use in Meteor and Universe

For more info and examples see official docs at: https://jquense.github.io/react-widgets/docs/

Install

Just add this package to your app with:

meteor add universe:react-widgets

This package make use of universe:modules under the hood.

Usage

Use Universe Modules to import widgets components

Inside import.jsx file

import {Calendar, DateTimePicker} from '{universe:react-widgets}';

// use widgets

Inside regular jsx file (dynamic loading)

System.import('{universe:react-widgets}').then(ReactWidgets => {
    // use widgets over here, e.g.
    let Calendar = ReactWidgets.Calendar;
    
    React.render(<Calendar defaultValue={new Date()} />, mountNode);
})

Exported components

{universe:react-widgets} will export these components:

• DropdownList - docs
• Combobox - Select an item from the list, or input a custom value. The Combobox can also make suggestions as you type docs
• Multiselect - A select listbox alternative docs
• SelectList - Creates a list of radio buttons or checkboxes bound to a data set docs
• DateTimePicker - docs
• Calendar - docs
• NumberPicker - Spinner for selecting numbers docs
• configure - react-widgets helper
• utils - react-widgets helpers
• globalizeLocalizers - react-widgets helpers, check docs for more info
• Globalize - A Globalize.js (version 0.1.1) instance that is used by widgets. If you want to localize widgets you need to mutate this instance or assign new with configure