Dark mode
SearchMenü
GlobalFormAccordionAuthorMetaAvatarBannerButtonButtonLinkBreadcrumbCaptionCardActionCardCoreCarouselContentBlockDrawerDividerFilterTagsHeadingIcon ContentIconDisplayIcon UIInlineLinkLinkLinkButtonListIconListLinkLogoLogoItemMetricOverlinePaginationPatternPopoverQuoteSkeletonSkrimTableTabsTagTagLineText
SearchSuggestionParent-controlled search-result options with highlighted matches, selected state, long-text truncation, and mobile-width coverage.
Available components
Linked suggestions with highlighted matches
Light
The outer Next.js Link owns navigation; SearchSuggestion owns the highlighted label.
Dark
The outer Next.js Link owns navigation; SearchSuggestion owns the highlighted label.
Mobile width and long-text truncation
Light · 375px container
The outer Next.js Link owns navigation; SearchSuggestion owns the highlighted label.
Dark · 375px container
The outer Next.js Link owns navigation; SearchSuggestion owns the highlighted label.
About this exampleBKW Design System50 ComponentsReusable components ready to build with today.
InstagramFacebookBKWPress Releasesmuse caseStrichpunktcampfire