Extra Prop Types

Extra Prop Types for React Components

---

Installation

$ yarn add extra-prop-types

or

$ npm install --save extra-prop-types

---

Usage

 
import * as ExtraPropTypes from 'extra-prop-types';
 
 
const SomeComponent = (colorProp) => (
    <div style={{ backgroundColor: colorProp }}></div>
)
 
SomeComponent.propTypes = {
    colorProp: ExtraPropTypes.color.isRequired
}
 

---

Types

color accepts:

• hex
  • #ffffff
• rgb
  • rgb(255, 255, 255)
• rgba
  • rgba(255, 255, 255, 1)
• hsl
  • hsl(0, 100%, 100%)
• hsla
  • hsla(0, 0%, 100%, 1)

---

Contributing

Want to add a type? To get started...

Step 1

• Option 1

  • 🍴 Fork this repo!

• Option 2

  • 👯 Clone this repo to your local machine using https://github.com/brendon1555/extra-prop-types.git

Step 2

• HACK AWAY! 🔨🔨🔨

Step 3

• 🔃 Create a new pull request using https://github.com/brendon1555/extra-prop-types/compare/.

---

Contributors

Brendon Lees
github.com/brendon1555

---

Support

Reach out to me at one of the following places!

• Website at brendon1555.com
• Twitter at @brendon1555

---

License

• MIT license
• Copyright 2020 © Brendon Lees.