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: * propTypes

Static Public Members

public static propTypes: * source

propTypes

Properties:

Name	Type	Attribute	Description
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