Skip to content
Menu

Data display

Team permission matrix

Compare role permissions and edit project access in an explicit permission grid.

Using Team permission matrix

Compare role permissions and edit project access in an explicit permission grid.

Compare role permissions and edit project access in an explicit permission grid. For controlled React use, pass value and onChange; onAction receives the action and resulting state. Use defaultValue for a local draft.

Enable billing access for editors and apply the role policy. Owner permissions remain fixed. This example only updates local draft state.

This component keeps illustrative local state. The host application must persist changes and enforce identity, permissions, and policy.

Props: accent, status

How does the application receive changes?

For controlled React use, pass value and onChange; onAction receives the action and resulting state. Use defaultValue for a local draft.

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

Source, ports, install and the props panel are included with Fieldbook Pro. The live preview is open to everyone.

Connect your agent

Nearby