弹出按钮

此功能仍处于实验阶段。“实验性”意味着这是一个早期的实施,可能会发生重大的突破性变化。

弹出按钮是用于呈现浮动内容模式的组件。它的用途类似于工具提示,但呈现任何种类的内容,而不仅仅是简单的文本。

用法

从“@wordpress/components”中导入{Button,__testerialFlyout作为Flyout,__teterialText作为Text};函数Example(){返回(<弹出触发器={<Button>显示/隐藏内容</Button>}>代码就是诗歌</弹出按钮>);}

道具

状态:PopoverStateReturn

  • 必需:否

标签:字符串

  • 必需:否

动画:布尔

确定是否弹出按钮有动画。

  • 必需:否
  • 违约:真的

animationDuration:布尔值

持续时间弹出按钮动画。

  • 必需:否
  • 违约:160

baseId:string

将用作所有项目ID基础的ID。请参见https://reakit.io/docs/popover/#usepopaurte

  • 必需:否
  • 违约:160

高程:编号

立面阴影的大小。有关更多信息,请查看卡片.

  • 必需:否
  • 违约:5

maxWidth:CSSProperties[“maxWidth”]

最大宽度弹出按钮元素。

  • 必需:否
  • 违约:360

onVisibleChange:(…args:any)=>无效

回调时间看得见的状态更改。

  • 必需:否

触发器:FunctionComponentElement

触发看得见的的状态弹出按钮单击时。

<弹出触发器={<Button>问候语</Button>}><Text>你好!我是奥拉夫</文本></弹出按钮>
  • 必需:是

可见:布尔

是否弹出按钮可见。请参见这个Reakit公司文档了解更多信息。

  • 必需:否
  • 违约:

放置:PopperPlacement

popover元素的位置。请参见这个爆米花文档了解更多信息。

  • 必需:否
  • 违约:汽车