NGSTARTER UI

Suggestions

The ngs-suggestions component renders a structured list of grouped suggestions, search results, recent items, or quick shortcuts near a search field, assistant input, or dropdown panel.

Key Features:

Contextual relevance: Show suggestions based on user input, recent activity, or the current screen.
Flexible rows: Add icons with ngsSuggestionIcon or thumbnails with ngsSuggestionThumb.
Grouped blocks: Use ngs-suggestion-block for headings, optional dividers, and inline actions.
Dropdown-friendly: Use it as the visual list inside search, assistant, and command-like panels.

The NgStarter Angular Suggestions component lets you render a grouped visual list of contextual suggestions, search results, recent items, or shortcuts. Use ngs-suggestions as the visual list inside search dropdowns, assistant inputs, command-like panels, or contextual suggestion popovers. It includes examples for Basic suggestions.

Basic suggestions

Use suggestions to show grouped search results, recent items, users, files, pages, or quick create actions inside a dropdown-style surface. Use form controls such as autocomplete or select when the user is choosing a form value.