| 1 | ```js
|
| 2 | <ColorPicker
|
| 3 | alt='Multi'
|
| 4 | src='https://d2lknnt52h7uhg.cloudfront.net/roa-canon/image/upload/c_scale,q_100,t_swatch_v2,w_40/v1/production/catalog/jbku3g2yunsmtxz1c8nc.jpg'
|
| 5 | input={{
|
| 6 | name: 'color-block',
|
| 7 | value: 'multi',
|
| 8 | checked: true
|
| 9 | }} />
|
| 10 |
|
| 11 | <ColorPicker
|
| 12 | alt='Multi'
|
| 13 | src='https://d2lknnt52h7uhg.cloudfront.net/roa-canon/image/upload/c_scale,q_100,t_swatch_v2,w_40/v1/production/catalog/ukkhn2tq7ykfcfjse1w8.jpg'
|
| 14 | input={{
|
| 15 | name: 'color-block',
|
| 16 | value: 'multi',
|
| 17 | checked: false
|
| 18 | }} />
|
| 19 | ```
|
| 20 |
|
| 21 | ### Cloudinary Transformations
|
| 22 |
|
| 23 | #### swatch: northwestx350y1200
|
| 24 | ```js
|
| 25 | require('./defaultProps').swatch
|
| 26 | ```
|
| 27 |
|
| 28 | #### swatch_v2: centerx100y100
|
| 29 | ```js
|
| 30 | require('./defaultProps').centerx100y100
|
| 31 | ```
|
| 32 |
|
| 33 | #### centerx0y0
|
| 34 | ```js
|
| 35 | require('./defaultProps').centerx0y0
|
| 36 | ```
|
| 37 |
|
| 38 | #### centerx150y150
|
| 39 | ```js
|
| 40 | require('./defaultProps').centerx150y150
|
| 41 | ```
|
| 42 |
|
| 43 | #### northx10y620
|
| 44 | ```js
|
| 45 | require('./defaultProps').northx10y620
|
| 46 | ```
|