react-extra-prop-types

Extra PropTypes for use with React components

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-extra-prop-types
400.3.15 years ago6 years agoMinified + gzip package size for react-extra-prop-types in KB

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.