Skip to content

Dropdown

Definition

A dropdown is a toggleable menu that allows users to select one option from a list. It typically appears when a user clicks on a button or input field, revealing the list of options.

Dropdowns are used to save space and organize options, making interfaces cleaner and more user-friendly. They can contain links, actions, or form elements.

  • Toggleable menu for selecting one option from a list.
  • Appears upon clicking a button or input field.
  • Organizes options to save space and enhance usability.

Example

<div class="row">
    <div class="col">
        Click the ellipsis on the right to see the magic!
    </div>
    <div class="col-auto">
        <div class="mx-2">
            {% include 'django_spire/dropdown/ellipsis_dropdown.html' with view_url='#' edit_url='#' delete_url='#' %}
        </div>
    </div>
</div>