Manual Reference Source
import PopupMenu from 'cloudify-stage/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

bordered boolean
  • optional
  • default: false

specifies if icon shall be bordered

help string
  • optional
  • default: ''

additional popup help message shown on trigger hover