Skip to content

DataSearch component enhancements #6597

@JCoder121

Description

@JCoder121

Acceptance Criteria

  • DataSearch component enhanced to adapt across resolutions

Expected Behavior

When on smaller resolutions, the DataSearch component should collapse to a DropButton. On user's click, it should expand to its original size to show the user's input text. Additionally, the DataSearch component should have a set default width or allow the user to set its width using the components properties, rather than requiring the user to wrap DataSearch in a box and set width there.

Expected DropButton interaction:
image
image

Expected width:
image

Actual Behavior

Small resolution (no dropbutton):
image

DataSearch width:
image

URL, screen shot, or Codepen exhibiting the issue

Steps to Reproduce

Your Environment

  • Grommet version:
  • Browser Name and version:
  • Operating System and version (desktop or mobile):

Metadata

Metadata

Labels

enhancementA suggestion to add to or change behavior

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions