universe:react-widgets

v3.1.0_1Published 7 years ago

This package has not had recent updates. Please investigate it's current state before committing to using it in your project.

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