Actions (groups of buttons/icons) inconsistency

[matt-gadd]

Bug

A number of widgets have the concept of "Actions", they are mostly collections of buttons/icons. It would be nice if we had one consistent pattern for these. For example at the moment in SpeedDial there is a specific Action component:

<SpeedDial>
  <Action
    onClick={() => {
      icache.set('action', 'Mailing');
    }}
  >
    <Icon type="mailIcon" />
  </Action>
</SpeedDial>

yet for the Header actions are defined like so:

<Header>
  {{
    title: 'My App',
    actions: [
      <Link to="#foo">Foo</Link>,
      <Link to="#bar">Bar</Link>,
      <Link to="#baz">Baz</Link>
    ]
  }}
</Header>