Skip to content

Make demos using search input consistent #6792

@mmenestr

Description

@mmenestr

Many of the React examples and React demos are using inconsistent search inputs. Some are using basic search inputs, while others are using input groups.

Since we are now steering away from using input groups for search inputs, we would like to remove any instance of those, and replace them with a basic search input.

Here is a spreadsheet where i've tracked demos that are inconsistent with what we're aiming for, and therefore would need to be edited:
https://docs.google.com/spreadsheets/d/1VXHUw2gfn9lodhie_I8C0nfJUy9j4tf_yRTIxhdmjzc/edit#gid=2024512193

The main two issues found were:
(1) Input group component is used instead of a search input
(2) A search field is used, but the search icon on the left is missing

GOAL: Make all demos with a search use a search input component

If the search had placeholder text in it, keep the text. If it didn't put it was part of an attribute filter, please add placeholder text that says "Filter by ___" depending on what is being filtered. In most cases, it seems like it'll be "Filter by name".

cc: @mcarrano

Task

The following tasks are in beta components. We need to consider when the right time to make the update is:

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    Status

    Done

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions