Roles
RolesPermissionMatrix
Visual permission grid comparing all roles against all permissions for admin oversight.
RolesPermissionMatrix
Renders a cross-tabulation grid with roles as columns and permissions as rows, showing checkmarks or toggles at each intersection for a clear overview of the entire permission model.
Components
<XAdminRolesPermissionMatrix />
Displays a read-only or editable matrix of all roles vs. all permissions, grouped by resource, with inline toggle support.
<XAdminRolesPermissionMatrix />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
endpoint | string | '/api/admin/roles' | Base API endpoint for roles and permissions |
loading | boolean | false | Show loading skeleton |
editable | boolean | false | Allow toggling permissions inline |
groupByResource | boolean | true | Group permission rows by resource category |
stickyHeader | boolean | true | Freeze role column headers on scroll |
AI Context
component: XAdminRolesPermissionMatrix
package: "@xenterprises/nuxt-x-app-admin"
category: Roles
use-when: Displaying a visual cross-reference of all roles and permissions for admin review or inline editing