RolePicker

选择角色：先列出内置角色，再列出自定义角色，每个附一句说明；无法授予的角色会说明原因。

内置角色

OwnerEverything, including deleting the organizationOnly an owner can make someone an ownerAdmin29 rightsEverything except ownership and deletionBilling8 rightsUsage, costs and the planDeveloper7 rightsCreate projects, see provider keys and usageMember2 rightsSee the organization and its members

自定义角色

Support lead9 rightsRead logs and usage across projects to help customersFinance6 rightsCosts, budgets and invoices

function List() {
  const [role, setRole] = useState("developer");
  return <RolePicker className="w-480" aria-label="Role in the organization" roles={ORG_ROLES} value={role} onValueChange={setRole} />;
}

import { RolePicker } from "@logicplanes/kaeso-ui";

属性

appearance
"list" | "select" = list
带每个角色描述的列表，或紧凑的下拉选择。
aria-label
string
无障碍名称，用于没有可见标签的情况。
disabled
boolean
将其禁用：无法使用，并显示为变暗。
fullWidth
boolean
仅限 Select：占满容器。
label
string
选择器的可见标签；列表通过 aria-label 或所在步骤命名。
name
string
在表单中提交值时使用的字段名。
onValueChange
((value: string) => void)
调用时传入所选角色的 ID。
roles
RoleOption[]
可供选择的角色。
size
"md" | "sm" = md
控件的高度。
value
string | null
受控时所选角色的 ID。