Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@beisen-phoenix/dropdown

Package Overview
Dependencies
Maintainers
1
Versions
426
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@beisen-phoenix/dropdown

> @beisen-phoenix/dropdown

  • 3.3.52
  • npm
  • Socket score

Version published
Maintainers
1
Created
Source

下拉菜单

@beisen-phoenix/dropdown

概述

用于按钮、文字、图标下拉菜单

Dropdown API

参数说明类型默认值是否必传
disable是否禁用booleanfalse
visible弹层是否显示booleanfalse
trigger触发展示的行为: hover clickclick / ['click']``
content弹窗内容React.ReactNode--
layerSize尺寸大小: small(170px) large(340px) auto(与父级自适应)small largeauto--
prefixCls弹层根元素的类名称string“common-unmodeled-layer”
blockContainer外层容器的显示类型(true是block类型,false则是inline-block)Booleanfalse
placement弹层的显示位置(可选值:topLeft, topRight, bottomRight, bottomLeft)stringbottomLeft
builtinPlacements弹层的可定义偏移位置(具体可参考dom-align)object--
childMargin子组件的外边距string0px
getPopupContainer弹层挂载的容器(默认是挂载到body下,通过此函数可以改变弹层挂载的节点)Funtion--
onVisibleChange弹层显示状态改变时调用, 参数为visible(visible: boolean) => void

builtinPlacements取值举例

{
  topLeft: {
    points: ['bl', 'tl'],
  },
  topRight: {
    points: ['br', 'tr'],
  },
  bottomRight: {
    points: ['tr', 'br'],
  },
  bottomLeft: {
    points: ['tl', 'bl'],
    offset: [-11, -15]
  },
}

FAQs

Package last updated on 24 Nov 2019

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc