Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Custom Inputs
Select
Components
Components
78
Micro Charts
Navigation
Libraries
Content Editor
Data View
Form Builder
Image Designer
Kanban Board
PDF Viewer
Video Player
Latest npm version of @ngstarter-ui/componentsWeekly npm downloads of @ngstarter-ui/components
Buy License

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.
PropTypeDefault
heading
The heading text for the suggestion block
string
showDivider
Whether to show a divider after the suggestion block
booleanfalse
inline
Whether the suggestion block should be displayed inline
booleanfalse