AnglePickerControl Edit

AnglePickerControl is a React component to render a UI that allows users to pick an angle.
Users can choose an angle in a visual UI with the mouse by dragging an angle indicator inside a circle or by directly inserting the desired angle in a text field.

Usage #Usage

import { useState } from '@wordpress/element';
import { AnglePickerControl } from '@wordpress/components';

const MyAnglePicker = () => {
    const [ angle, setAngle ] = useState();
    return <AnglePickerControl value={ angle } onChange={ setAngle } />;
};

Top ↑

Props #Props

The component accepts the following props.

Top ↑

label #label

Label to use for the angle picker. If not set the a translated label “Angle” is used.

• Type: String
• Required: No

Top ↑

value #value

The current value of the input. The value represents an angle in degrees and should be a value between 0 and 360.

• Type: Number
• Required: Yes

Top ↑

onChange #onChange

A function that receives the new value of the input.

• Type: function
• Required: Yes