Back to React Color

Customizing Styles

docs/documentation/03.05-customStyles.md

2.19.0440 B
Original Source

Pass a styles object to override the default inline styles.

import React from 'react'
import { SketchPicker } from 'react-color'

const sketchPickerStyles = {
  default: {
    picker: { // See the individual picker source for which keys to use
      boxShadow: 'none',
    },
  },
}

export default class Component extends React.Component {
  render() {
    return (
      <SketchPicker styles={sketchPickerStyles} />
    )
  }
}