@wordpress/components
Version:
UI components for WordPress.
42 lines (26 loc) • 1.01 kB
Markdown
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.
```jsx
import { useState } from '@wordpress/element';
import { AnglePickerControl } from '@wordpress/components';
const MyAnglePicker = () => {
const [ angle, setAngle ] = useState();
return <AnglePickerControl value={ angle } onChange={ setAngle } />;
};
```
The component accepts the following props.
Label to use for the angle picker. If not set the a translated label "Angle" is used.
- Type: `String`
- Required: No
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
A function that receives the new value of the input.
- Type: `function`
- Required: Yes