Web Component Usage Bolt Dropdown is a web component, you can simply use <bolt-dropdown> in the markup to make it render.
Link 1 Link 2 Link 3 
<bolt-dropdown title="This is a dropdown">
  <bolt-list spacing="small" inset>
    <bolt-list-item>
      <a href="#!" class="e-bolt-text-link">Link 1</a>
    </bolt-list-item>
    <bolt-list-item>
      <a href="#!" class="e-bolt-text-link">Link 2</a>
    </bolt-list-item>
    <bolt-list-item>
      <a href="#!" class="e-bolt-text-link">Link 3</a>
    </bolt-list-item>
  </bolt-list>
</bolt-dropdown>
Prop Usage Configure the dropdown with the properties specified in the schema.
Link 1 Link 2 Link 3 
<bolt-dropdown title="This is a dropdown" center collapse>
  <bolt-list spacing="small" inset>
    <bolt-list-item>
      <a href="#!" class="e-bolt-text-link">Link 1</a>
    </bolt-list-item>
    <bolt-list-item>
      <a href="#!" class="e-bolt-text-link">Link 2</a>
    </bolt-list-item>
    <bolt-list-item>
      <a href="#!" class="e-bolt-text-link">Link 3</a>
    </bolt-list-item>
  </bolt-list>
</bolt-dropdown>