untitled

Profile

Dropdown Menus

Dropdown Props

DropdownItem Props

... Other Content
... More Content
let triggerProps = { width: '200px' };

<Dropdown bind:value component={Button} {...triggerProps}>
  <DropdownItem value="one" component={Button} {...triggerProps}>
    Item 1
  </DropdownItem>
  <DropdownItem value="two" component={Button} {...triggerProps}>
    Item 2
  </DropdownItem>
  <DropdownItem value="three" component={Button} {...triggerProps}>
    Item 3
  </DropdownItem>
  <!-- restProps bound to the Button,
    produces same result as above DropdownItem -->
  <DropdownItem value="four" component={Button} width="200px">
    Button from this library contains width prop
  </DropdownItem>
</Dropdown>
<!-- If you use your own trigger components with this Dropdown, 
  consult your component library on available props -->