搜索与筛选栏

React用户体验筛选更新于 2026-07-22

使用场景: 需要文本搜索和分类/标签筛选但无侧边栏的列表页面。

安装
npx skills add search-filter-bar
克隆
git clone https://github.com/skillhub-community/search-filter-bar.git

描述

将防抖文本输入与水平滚动的筛选标签组合在一起。URL 搜索参数保持同步,筛选后的视图可分享和收藏。

附带 `useFilterParams()` Hook,读写 `URLSearchParams`,与路由方案无关。

AI Hub

跑 Skill 需要模型接口?

AI Hub 提供 OpenAI 兼容接口,给 Cursor / Claude Code / Agent 用。

打开 AI Hub

元数据

作者@ux_raj
许可证MIT
版本1.0.2
依赖0