ekaterinburgdev/guides

Add search with autocomplete

Opened this issue · 1 comments

image

Example data

[
  {
    "section": "Section name"
    "section_id": "section-name-1",
    "items": [
        {
            "page": "Page name 1",
            "page_id": "page-name-1",
            "text": "<b>Lorem Ipsum</b> is simply dummy text of the printing and typesetting industry"
        },
        {
            "page": "Page name 1",
            "page_id": "page-name-2",
            "text": "containing <b>Lorem Ipsum</b> passages, and more recently with desktop publishing software"
        }
    ]
  }
]
  • Search input
    • Search ≥ 2 symbols
    • Search all keys
  • Search items
    • Section link. Show section title if more than 1 page
    • Page link
    • Output content
    • Highlight
    • Link to anchor (need block id and #anchor from back-end)

Design
https://www.figma.com/file/VpUQ8aZanmAIbwlSt5UTKH/%F0%9F%9A%B2-Ekaterinburg.design?node-id=3405%3A3302

We have disabled the searchbar. To continue its development, you can revert this changes:

https://github.com/ekaterinburgdev/guides/pull/119/files