Permission matrixadmin
Subjects by permissions grid with grouped columns, tri-state toggles, read-only cells, pending changes, search and an async save callback.
설치
pnpm
pnpm dlx shadcn@4.23.0 add @uikit/permission-matrixControlled
permission-matrix-controlled.tsx
import * as React from "react";import { PermissionMatrix, type PermissionGrants } from "@/components/ui/permission-matrix";import { groups, subjects } from "./permission-matrix-demo";
export default function PermissionMatrixControlled() { const [grants, setGrants] = React.useState<PermissionGrants>({ ada: ["bookings.read"] }); return <PermissionMatrix subjects={subjects} groups={groups} value={grants} onValueChange={setGrants} onSave={async () => {}} />;}