Composites
Patterns
Reusable interaction patterns: crossfading loading states, scrollable regions with edge shadows, and optimistic UI with rollback.
Loading crossfade
Skeleton fades into real content instead of snapping.
Is NVDA a buy after earnings?
184 results in 62ms — analyst sentiment leans cautiously bullish post-guidance.
Scroll Area
Vertical and horizontal scroll regions with edge shadows driven by scroll position.
Vertical (20 search requests)
- Latest FDA guidance on GLP-1 drugsWeb Search
- Compare AWS vs GCP egress pricing 2026Web Chat
- Summarize today's Fed rate decision coverageBroad Search
- Find recent case law on AI copyright fair useDeep Search
- What are AI agents actually being used for in production?Web Search
- Real-time flight status for UA1234Web Chat
- Best practices for RAG chunking strategiesBroad Search
- Ultra-long-engagement-query spanning multiple wrapped lines to test line-clamp behavior across the search request card and table row layoutsDeep Search
- (empty query)Web Search
- current weather in Reykjavík 📍Web Chat
- Compare AWS vs GCP egress pricing 2026Web Chat
- Latest FDA guidance on GLP-1 drugsWeb Search
- Is NVDA a buy after earnings?Deep Search
- 李雷 recent publications on multimodal retrievalBroad Search
- current weather in Reykjavík 📍Web Chat
- (empty query)Web Search
- Ultra-long-engagement-query spanning multiple wrapped lines to test line-clamp behavior across the search request card and table row layoutsDeep Search
- Best practices for RAG chunking strategiesBroad Search
- Real-time flight status for UA1234Web Chat
- What are AI agents actually being used for in production?Web Search
Horizontal (wide card row)
NVDA earningsDeep Search
Fed rate decisionDeep Search
GLP-1 FDA guidanceDeep Search
AWS vs GCP pricingDeep Search
AI copyright case lawDeep Search
RAG chunking benchmarksDeep Search
Reykjavík weatherDeep Search
UA1234 flight statusDeep Search
Optimistic UI
Toggle flips immediately; a controllable failure switch demonstrates rollback.