property-controls

Installation

yarn add property-controls

Usage

import { ControlType, applyPropertyControls } from 'property-controls'
 
export const Component = ({ isTomato, ...props }) => (
  <h1
    {...props}
    style={{
      color: isTomato ? 'tomato' : 'inherit'
    }}
  />
)
 
applyPropertyControls(Component, {
  isTomato: {
    type: ControlType.Boolean,
    title: 'Tomato'
  }
})

Related

• Blocks controls
• Framer controls