Developers
Authorization
API Resources
NL Interpreter
Search
Benti
Results
Results
The Results component is nested within .inbenta-search-results, which contains all the results.
Each individual result is contained in .inbenta-search-results__item, which has three sub-elements:
item__link: result title.item__summary: result summary.item__url: result URL.
Results will generate different statistics depending on whether a user hovers the mouse on it, focuses it or actually clicks on it.
Component image
HTML structure
<div class="inbenta-search-results">
<a class="inbenta-search-results__item" href="..">
<div class="item__link">
Result title
</div>
<div>
<div class="item__summary">
Result summary
</div>
</div>
<div class="item__url">
https://...
</div>
</a>
</div>CSS editable properties
| Class | Css |
|---|---|
.inbenta-search-results |
z-index, word-break |
.inbenta-search-results__item |
display,margin, padding, background, border, box-shadow, transition, pseudo-classes(hover, focus, visited : background, box-shadow, transition) |
.inbenta-search-results__item .item__link |
font, color |
.inbenta-search-results__item .item__summary |
padding,font, color |
.inbenta-search-results__item .item__url |
font, color, letter-spacing, word-break, text-decoration |