atomic-smart-snippet (Deprecated)
atomic-smart-snippet (Deprecated)
The atomic-smart-snippet
component displays the excerpt of a document that would be most likely to answer a particular query.
Properties
Property | Attribute | Description | Type | Default |
---|---|---|---|---|
|
|
When the answer is partly hidden, how much of its height (in pixels) should be visible. |
|
|
|
|
The heading level to use for the question at the top of the snippet, from 1 to 5. We recommend setting this property in order to improve accessibility. |
|
|
|
|
The maximum height (in pixels) a snippet can have before the component truncates it and displays a "show more" button. |
|
|
Shadow Parts
Part | Description |
---|---|
|
The container displaying the full document excerpt. |
|
The body of the smart snippet, containing the truncated answer and the show more or show less button. |
|
The feedback banner underneath the source. |
|
The wrapper around the buttons after the inquiry. |
|
The button allowing the end user to signal that the excerpt wasn’t useful. |
|
The message asking the end user to provide feedback on whether the excerpt was useful. |
|
A wrapper around the feedback inquiry and the feedback buttons. |
|
The button allowing the end user to signal that the excerpt was useful. |
|
The message thanking the end user for providing feedback. |
|
The footer underneath the answer. |
|
The header displaying the question that is answered by the found document excerpt. |
|
The show less button. |
|
The show more button. |
|
The wrapper of the entire smart snippet. |
|
The title of the document the excerpt is from. |
|
The URL to the document the excerpt is from. |
|
The container displaying only part of the answer. |