influxdata / influxdata/clockface

Create search component

Open
#747 0 comments 0 reactions 0 assignees View on GitHub
Low Priority
Dominant language
TypeScript
Stars
46
Forks
18
Avg merge
2d 7h
Merged PRs (30d)
1

Description

Right now all of our search bars are handled as stylized input boxes. Instead, we'd like to create a search component to drive consistency among all search features within the app.

It should be able to handle different types of search results (ie. list filtering and docs searching).

Consider how this will look on both list pages and areas like the docs search bar.

Screen Shot 2022-03-25 at 11 13 25 AM
Screen Shot 2022-03-25 at 11 32 33 AM
Screen Shot 2022-03-25 at 11 32 02 AM
Screen Shot 2022-03-25 at 11 31 51 AM
Screen Shot 2022-03-25 at 11 31 30 AM

Contributor guide

Open the contributing guide

Research direction

Start by reviewing the existing stylized input boxes used for search on list pages and in the docs search bar. Compare the shown designs and identify the shared behavior needed for list filtering and documentation searching. Done should provide a consistent search component that supports both result types and the referenced contexts.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, storybook, typescript
Domain
design, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.