Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

react-extra-prop-types

benwiley400013.4kMIT0.3.1

Extra PropTypes for use with React components

react, props, proptypes, proptype, integer, int, color, hex, date, datetime, uuid, guid, extra

readme

react-extra-prop-types

Includes some additional React PropTypes for common use cases. No dependencies.

NPM

PropTypes

  • integer - invalid if prop is non-integer
  • color - invalid if prop is not valid CSS color string (rgb(a), hsl(a), hex). Excludes keywords.
  • datetime - invalid if prop is not string which can be passed to JavaScript Date constructor with valid result
  • uuid - invalid if prop is not valid UUID

Usage

require-ing

var ExtraPropTypes = require('react-extra-prop-types');
var color = ExtraPropTypes.color;
var uuid = ExtraPropTypes.uuid;

// or ...
var color = require('react-extra-prop-types/lib/color');
var uuid = require('react-extra-prop-types/lib/uuid');

use just like normal PropTypes

MyReactComponent.propTypes = {
  id: ExtraPropTypes.integer,
  name: React.PropTypes.string,
  lastFetchTime: ExtraPropTypes.datetime
};

props are optional unless .isRequired is used

MyReactComponent.propTypes = {
  id: ExtraPropTypes.integer.isRequired // can't be left out
};

Development

See CONTRIBUTING.md.