ButtonMenu

<div className="docs-inline-group">
  <ButtonMenu label="Actions">
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 1')
      }}
      text="Copy Link"
    >
      <Icon className="mr-2" icon="home" size="small" /> Opcion 1
    </ButtonMenuAction>
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 2')
      }}
    >
      <Icon className="mr-2" icon="bell" size="small" /> Opcion 2
    </ButtonMenuAction>
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 3')
      }}
      disabled
    >
      Opcion 3
    </ButtonMenuAction>
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 4')
      }}
    >
      Opcion 4
    </ButtonMenuAction>
  </ButtonMenu>
  <ButtonMenu label="Actions" theme="secondary">
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 1')
      }}
      text="Copy Link"
    >
      <Icon className="mr-2" icon="home" size="small" /> Opcion 1
    </ButtonMenuAction>
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 2')
      }}
    >
      <Icon className="mr-2" icon="bell" size="small" /> Opcion 2
    </ButtonMenuAction>
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 3')
      }}
      disabled
    >
      Opcion 3
    </ButtonMenuAction>
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 4')
      }}
    >
      Opcion 4
    </ButtonMenuAction>
  </ButtonMenu>
</div>

<div className="docs-inline-group">
  <ButtonMenu label="Actions" size="large">
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 1')
      }}
      text="Copy Link"
    >
      <Icon className="mr-2" icon="home" size="small" /> Opcion 1
    </ButtonMenuAction>
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 2')
      }}
    >
      <Icon className="mr-2" icon="bell" size="small" /> Opcion 2
    </ButtonMenuAction>
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 3')
      }}
    >
      Opcion 3
    </ButtonMenuAction>
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 4')
      }}
    >
      Opcion 4
    </ButtonMenuAction>
  </ButtonMenu>
  <ButtonMenu label="Actions">
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 1')
      }}
      text="Copy Link"
    >
      <Icon className="mr-2" icon="home" size="small" /> Opcion 1
    </ButtonMenuAction>
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 2')
      }}
    >
      <Icon className="mr-2" icon="bell" size="small" /> Opcion 2
    </ButtonMenuAction>
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 3')
      }}
    >
      Opcion 3
    </ButtonMenuAction>
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 4')
      }}
    >
      Opcion 4
    </ButtonMenuAction>
  </ButtonMenu>
  <ButtonMenu label="Actions" size="small">
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 1')
      }}
      text="Copy Link"
    >
      <Icon className="mr-2" icon="home" size="small" /> Opcion 1
    </ButtonMenuAction>
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 2')
      }}
    >
      <Icon className="mr-2" icon="bell" size="small" /> Opcion 2
    </ButtonMenuAction>
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 3')
      }}
    >
      Opcion 3
    </ButtonMenuAction>
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 4')
      }}
    >
      Opcion 4
    </ButtonMenuAction>
  </ButtonMenu>
</div>

<div className="docs-inline-group">
  <ButtonMenu label="Actions" disabled>
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 1')
      }}
      text="Copy Link"
    >
      <Icon className="mr-2" icon="home" size="small" /> Opcion 1
    </ButtonMenuAction>
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 2')
      }}
    >
      <Icon className="mr-2" icon="bell" size="small" /> Opcion 2
    </ButtonMenuAction>
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 3')
      }}
    >
      Opcion 3
    </ButtonMenuAction>
    <ButtonMenuAction
      onClick={() => {
        console.log('Opcion 4')
      }}
    >
      Opcion 4
    </ButtonMenuAction>
  </ButtonMenu>
</div>