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> <bolt-link url="#!">Link 1</bolt-link> </bolt-list-item> <bolt-list-item> <bolt-link url="#!">Link 2</bolt-link> </bolt-list-item> <bolt-list-item> <bolt-link url="#!">Link 3</bolt-link> </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> <bolt-link url="#!">Link 1</bolt-link> </bolt-list-item> <bolt-list-item> <bolt-link url="#!">Link 2</bolt-link> </bolt-list-item> <bolt-list-item> <bolt-link url="#!">Link 3</bolt-link> </bolt-list-item> </bolt-list> </bolt-dropdown>