Home Manual Reference Source 
import PopupMenu from 'cloudify-ui-new/basic/PopupMenu.js'
public class | source

PopupMenu

Extends:

react~Component → PopupMenu

PopupMenu is a component which uses Popup component to create dropdown menu triggered by Icon button.

Access

Stage.Basic.PopupMenu

Usage

PopupMenu

<PopupMenu>
    <Menu pointing vertical>
        <Menu.Item icon='users' content="Edit group's users" name='users' />
        <Menu.Item icon='user' content="Edit group's tenants" name='tenants' />
        <Menu.Item icon='trash' content='Delete' name='delete' />
    </Menu>
</PopupMenu>

Static Member Summary

Static Public Members
public static

propTypes

Static Public Members

public static propTypes: * source

propTypes

Properties:

NameTypeAttributeDescription
children object[]

primary content
className string
  • optional
  • default: ''

additional CSS classes to be applied to popup trigger
position string
  • optional
  • default: 'bottom right'

position for the popover.
offset number
  • optional
  • default: 12

horizontal offset in pixels to be applied to popup
icon string
  • optional
  • default: 'content'

popup trigger icon name (see Icon)
disabled boolean
  • optional
  • default: false

specifies if trigger shall be disabled