查看 WordPress Storybook 以获取更详细、交互式的文档。

AnglePickerControl 是一个 React 组件，用于渲染允许用户
选择角度的 UI。用户可以通过在圆形内拖动角度指示器，或者直接在文本字段中输入
所需的角度值来选择角度。

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

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

Props

as

  • Type: keyof IntrinsicElements | JSXElementConstructor<any>
  • Required: No

作为该组件渲染的 HTML 元素或 React 组件。

label

  • Type: string
  • Required: No
  • Default: __( 'Angle' )

用于角度选择器的标签。

onChange

  • Type: (value: number) => void
  • Required: Yes

接收输入新值的函数。

value

  • Type: string | number
  • Required: Yes

输入的当前值。该值代表以度为单位的角度，
且应为介于 0 到 360 之间的值。