{"action":"opened","issue":{"url":"https://api.github.com/repos/pivotal-cf/pivotal-ui/issues/343","labels_url":"https://api.github.com/repos/pivotal-cf/pivotal-ui/issues/343/labels{/name}","comments_url":"https://api.github.com/repos/pivotal-cf/pivotal-ui/issues/343/comments","events_url":"https://api.github.com/repos/pivotal-cf/pivotal-ui/issues/343/events","html_url":"https://github.com/pivotal-cf/pivotal-ui/issues/343","id":122402301,"number":343,"title":"ActionPanelHeader","user":{"login":"atomanyih","id":2305345,"avatar_url":"https://avatars.githubusercontent.com/u/2305345?v=3","gravatar_id":"","url":"https://api.github.com/users/atomanyih","html_url":"https://github.com/atomanyih","followers_url":"https://api.github.com/users/atomanyih/followers","following_url":"https://api.github.com/users/atomanyih/following{/other_user}","gists_url":"https://api.github.com/users/atomanyih/gists{/gist_id}","starred_url":"https://api.github.com/users/atomanyih/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/atomanyih/subscriptions","organizations_url":"https://api.github.com/users/atomanyih/orgs","repos_url":"https://api.github.com/users/atomanyih/repos","events_url":"https://api.github.com/users/atomanyih/events{/privacy}","received_events_url":"https://api.github.com/users/atomanyih/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/pivotal-cf/pivotal-ui/labels/enhancement","name":"enhancement","color":"84b6eb"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-12-16T00:51:58Z","updated_at":"2015-12-16T00:51:58Z","closed_at":null,"body":"On appsman we made this thing:\r\n\r\n```jsx\r\nconst {PanelTitle} = require('pui-react-panels');\r\n\r\nconst ActionPanelHeader = ({title, actions}) => (\r\n  <div className=\"action-panel-header\">\r\n    <PanelTitle>{title}</PanelTitle>\r\n\r\n    <div className=\"actions mrl mtm\">{actions}</div>\r\n  </div>\r\n);\r\n\r\nmodule.exports = ActionPanelHeader;\r\n```\r\n\r\n```sass\r\n.action-panel-header {\r\n  position: relative;\r\n\r\n  .actions {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n  }\r\n}\r\n```\r\n\r\nwhich is invoked roughly like this:\r\n\r\n```jsx\r\nactions = <HighlightButton>click me</HighlightButton>\r\nheader = <ActionPanelHeader title=\"so title\" actions={actions}/>\r\n\r\n<BasicPanelAlt header={header}>\r\n  Some stuff\r\n</BasicPanelAlt>\r\n```\r\n\r\nIf we like this, I'll make a PR or something"}}