AI & AgentsPro

Search Result Card

One ranked result of a web-search tool call: source, relevance, title and snippet.

Usage

w3.org/WAI/ARIA/apg/patterns/tabs/

94% match

Arrow keys move focus between tabs; Home and End jump to the first and last tab. Only the active tab is in the tab sequence.

bash

npm install @wunderui/react

Then import what you need:

tsx

import { SearchResultCard } from "@wunderui/react"

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

The web_search call with its ranked results; the one the answer cites is selected.

web_search

Searched: roving tabindex tabs

Done

w3.org/WAI/ARIA/apg/patterns/tabs/

94% match

Arrow keys move focus between tabs; Home and End jump to the first and last tab. Only the active tab is in the tab sequence.

w3.org/WAI/ARIA/apg/practices/keyboard-interface/

88% match

Set tabindex="-1" on every item except the one that should receive focus when the user tabs into the widget.

developer.mozilla.org/docs/Web/Accessibility/ARIA/Attributes/aria-orientation

71% match

Tells assistive technology whether a tab list or toolbar is laid out horizontally or vertically.