Preview Question - revaturelabs/ask-frontend GitHub Wiki

The preview-question component is a way of displaying individual questions within components which display lists of questions. It shows the basic information about each question and allows the user to click on it to be redirected to the full question view (view-question component).

Information displayed by the preview-question component includes the question title, associated tags, the total number of responses for the question, the user by whom the question was posted, and a yellow border if the question has a highlighted response.

These components are also responsive. When the quantity of associated tags is too high for all of the tags to fit across the component in one line, those which don't fit condense into one chip that displays the number of hidden tags. Upon hovering over this chip, all of the hidden chips are displayed in a popover which then disappears when the user clicks anywhere on the page.

HTML

TS

@Output()

@Input()

Variables

Constructor

Functions