Dropdown

Hoverable

<Dropdown hoverable> <Button theme="primary">Hover Me</Button> <Dropdown.Menu> <Dropdown.Item href="#url">Home</Dropdown.Item> <Dropdown.Item href="#url">Profile</Dropdown.Item> <Dropdown.Item href="#url">Settings</Dropdown.Item> <Dropdown.Item href="#url">Help</Dropdown.Item> <Dropdown.Item href="#url">Logout</Dropdown.Item> </Dropdown.Menu> </Dropdown>

<Dropdown hoverable>
  <Button theme="primary">Hover Me</Button>

  <Dropdown.Menu>
    <Dropdown.Item href="#url">Home</Dropdown.Item>
    <Dropdown.Item href="#url">Profile</Dropdown.Item>
    <Dropdown.Item href="#url">Settings</Dropdown.Item>
    <Dropdown.Item href="#url">Help</Dropdown.Item>
    <Dropdown.Item href="#url">Logout</Dropdown.Item>
  </Dropdown.Menu>
</Dropdown>

Clickable

<Dropdown className="dropdown-clickable"> <Button data-toggle="dropdown-clickable">Click Me</Button> <Dropdown.Menu> <Dropdown.Item href="#url">Home</Dropdown.Item> <Dropdown.Item href="#url">Profile</Dropdown.Item> <Dropdown.Item href="#url">Settings</Dropdown.Item> <Dropdown.Item href="#url">Help</Dropdown.Item> <Dropdown.Item href="#url">Logout</Dropdown.Item> </Dropdown.Menu> </Dropdown>

<Dropdown className="dropdown-clickable">
  <Button data-toggle="dropdown-clickable">Click Me</Button>

  <Dropdown.Menu>
    <Dropdown.Item href="#url">Home</Dropdown.Item>
    <Dropdown.Item href="#url">Profile</Dropdown.Item>
    <Dropdown.Item href="#url">Settings</Dropdown.Item>
    <Dropdown.Item href="#url">Help</Dropdown.Item>
    <Dropdown.Item href="#url">Logout</Dropdown.Item>
  </Dropdown.Menu>
</Dropdown>

Right-Aligned

<Dropdown hoverable align="right"> <Button theme="info">Right-Aligned Long Children</Button> <Dropdown.Menu> <Dropdown.Item href="#url">This is a very long item</Dropdown.Item> <Dropdown.Item href="#url">And so is this item</Dropdown.Item> <Dropdown.Item href="#url">Who are you kidding, I'm the longessssssssst!</Dropdown.Item> </Dropdown.Menu> </Dropdown>

<Dropdown hoverable align="right">
  <Button theme="info">Right-Aligned Long Children</Button>

  <Dropdown.Menu>
    <Dropdown.Item href="#url">This is a very long item</Dropdown.Item>
    <Dropdown.Item href="#url">And so is this item</Dropdown.Item>
    <Dropdown.Item href="#url">Who are you kidding, I'm the longessssssssst!</Dropdown.Item>
  </Dropdown.Menu>
</Dropdown>