Component Request: Dropdown for input field, or List Group

Open
#766 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
5/5
Estimated time
Over a week
Newbie friendliness
30/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Stale
Tech stack
scss
Domain
design, frontend

Research direction

Review the Bootstrap list group example and the existing list-menu implementation shown in the issue. Compare them with the requested search-results dropdown design and determine the component’s interaction and visual requirements. Done means a reusable component matches the requested appearance and supports the described search-suggestion use case.

Written by the indexing model from the issue text.

Description

Design 🎨
Please describe the use case(s) for this component

List group, see bootstrap list group

Could be used in a variety of ways. My use case is a dropdown for search results, see below

Please provide any designs or previous implementations of the proposed component

my attempt to use list-menu:
image

instead it should look like this:
image

Please provide examples of this type of component in use in non-Mozilla web properties

Any search bar with suggestions 😊

Is the development of this component a blocking dependency for other work? Please explain if so

This is to be used in a project for the Performance Test team schedule to take several months, but with a demo planned for the All Hands in September.

Dominant language
SCSS
Stars
298
Forks
83
Avg merge
16h 48m
Merged PRs (30d)
1

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from mozilla/protocol

All issues in mozilla/protocol

Similar issues

More Design issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.