实用代码片段与工具集合
heroui的响应式布局和卡片库案例
heroui的聊天组件,可以直接把图片复制进入
heroui表格组件,其中创建和编辑使用同一个dialog以及form,实际开发中应当分离form和dialog,或者使用并行路由和动态路由。
评论组件封装,只有一个product-reviews文件夹,可以放在components文件夹里面
heroui的产品详情页面,显示产品的样式以及筛选
产品过滤组件,这是components下面的一个组件,没有全部上传,此组件稍微有些复杂,由于过滤存在大量子组件向父组件通信,所以使用了大量的forwardRef,最外面的index.tsx是父组件,layout和filter为左侧子组件,products为右侧子组件,左侧 子->父,父传参给右侧子组件
heroui时间选择表单,选择具体的时间,通过输入姓名、邮箱和内容发布订阅,适用于发起会议
基于heroui的form表单案例,支持按照步骤一步一步点击输入
heroui价格对比组件,一般用于saas平台
heroui首页设计,light模式
heroui的首页设计,可以应用于产品或ai页面
heroui定价组件,封装了蓝色和紫色两种模式
heroui注册登录组件,注册、登录和邮箱重置密码,纯前端,不得不说此组件库还是很漂亮的
heroui的cookie+banner组件的示例,记录下来以后拿来用