Skip to content

Commit

Permalink
Merge pull request #1129 from Infineon/revert-1099-1098-documentation…
Browse files Browse the repository at this point in the history
…-search-field-update

Revert "Documentation: search field update"
  • Loading branch information
verena-ifx authored Apr 2, 2024
2 parents 4413dc3 + a29af9b commit a27cb21
Show file tree
Hide file tree
Showing 3 changed files with 1 addition and 12 deletions.
Binary file not shown.
Binary file not shown.
13 changes: 1 addition & 12 deletions packages/components/src/components/search-field/Usage.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -4,9 +4,7 @@ import * as SearchFieldStories from './search-field.stories';
import SearchFieldAnatomy from '../../../public-storybook/images/search-input/search-field-anatomy.png';
import SearchFieldStates from '../../../public-storybook/images/search-input/search-field-states.png';
import SearchFieldSizes from '../../../public-storybook/images/search-input/search-field-sizes.png';
import SearchFieldSuggest from '../../../public-storybook/images/search-input/search-suggest-search.png';
import SearchFieldRecentSuggest from '../../../public-storybook/images/search-input/search-recent-suggest.png';



<Meta of={SearchFieldStories} />

Expand Down Expand Up @@ -47,15 +45,6 @@ The clear icon lets users quickly clear the search input field.
There are two search field sizes: 36px and 40px. This will give you more flexibility in structuring layouts due to e.g. different button heights. It's important to maintain uniform field height while combining form elements on a single page.
<img src={SearchFieldSizes} alt="Search Field Sizes" />

## Search Extension

### Recent- and Search Suggestions
<img src={SearchFieldRecentSuggest} alt="Search Field Recent Suggest" />
The DDS provides a recent- and search suggest feature. If the user clicks on the search field, recently displayed search keywords and/or trend keywords can be displayed. Does the user start typing if possible, only the suggested searches should be visible.


<img src={SearchFieldSuggest} alt="Search Field Suggest" />


***
Check out the Figma component: **[Search Field](https://www.figma.com/file/zPvPwPgb4EsYFXKC2nhzSG/Infineon-DDS-%7C-Main?type=design&node-id=14251-8185&mode=design&t=donPtR9Uh27HrGsQ-4)**
Expand Down

0 comments on commit a27cb21

Please sign in to comment.