C

UserBrowse 用户选择

通用基础组件

用户选择 — Chaos UI 的通用基础组件。

何时使用

需要用户选择功能时使用本组件。

代码示例

基础用法

tsx
import { UserBrowse } from "@/components/ui/user-browse"

export function Basic() {
return <UserBrowse />
}

API / Props

UserBrowse

PropTypeDefault说明
classNamestring自定义样式类名
valueUser | User[]当前值(受控)
defaultValueUser | User[]默认值(非受控)
placeholderstringSelect user...占位文本
disabledboolean是否禁用
multiplebooleanfalse是否多选
maxCountnumber
usersUser[]
onChange() => void值变化回调
onBrowse() => void
...restReact.HTMLAttributes透传原生 DOM 属性

注意事项

  • Client Component: 使用 "use client",依赖 React hooks/状态,需在客户端渲染。

📘 完整交互式示例与控件属性请查看 Storybook 文档