首页
Python
Java
前端
数据库
Linux
Chatgpt专题
开发者工具箱
shadcn专题
HOW - 支持防抖和远程加载的人员搜索组件(shadcn)
目录 特性一、使用示例二、具体组件实现三、解释1. 属性定义2. 状态管理3. 功能实现4. 渲染逻辑 特性 支持 focus 时即发起请求获取用户列表输入时 debounce 防抖选中后以 tag 形式展示选项,这次点击 x 删除搜索结果中若包含已选项会过滤,即隐藏已选中项支持设置指定选项 disabled 一、使用示例 shadcn - multiple-selecto
阅读更多...
【实战教程】用 Next.js 和 shadcn-ui 打造现代博客平台
你是否梦想过拥有一个独特、现代化的个人博客平台?今天,我们将一起动手,使用 Next.js 和 shadcn-ui 来创建一个功能丰富、外观精美的博客系统。无论你是刚接触 Web 开发,还是经验丰富的程序员,这个教程都将带你step by step地构建一个完整的博客平台,让你的文字创作之旅从此与众不同! 目录 1. 引言:为什么选择 Next.js 和 shadcn-ui 构建博客平
阅读更多...
NextJS开发:封装shadcn/ui中的AlertDialog确认对话框
shadcn/ui很灵活可以方便的自己修改class样式,但是仅仅一个确认删除弹窗,需要拷贝太多代码和导入太多包,重复的代码量太多,不利于代码维护。所以进一步封装以符合项目中使用。 封装cx-alert-dialog.tsx import {AlertDialog,AlertDialogAction,AlertDialogCancel,AlertDialogContent,AlertDialo
阅读更多...