Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA checkbox tree of permissions with Read only, Editor and Admin presets that tick the matching leaves and name the preset in use. Use this when a role editor needs both fine control and a quick start.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it for role and API-key editors where most people start from a standard role and a few adjust single permissions.
Do not use it when roles are fixed (use a radio group) or for permissions that are not nested.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
nodes | TreeNode<Permission>[] | - | Permission groups with leaves that carry data.level. |
value / defaultValue / onValueChange | string[] | [] | Ticked leaf ids. |
presets | Preset[] | None, Read only, Editor, Admin | { id, label, upTo } where upTo is the highest level ticked. |
aria-pressed) in a labelled group.aria-checked with mixed for partly granted groups.The pattern ships with a Testing Library test (role-permission-tree.test.tsx) that covers presets, the Custom state and the preset lookup.