EffectiveAccess

What someone can do at a glance: a row per group, in words, under the roles it comes from.

FromDeveloperBilling

Project: View project1 of 3
Keys: Create own keys, View every key2 of 4
Models: View models, Use the Playground2 of 3
Logs: View logs, View request content2 of 3
Members: View members1 of 4

<EffectiveAccess
      className="w-560"
      aria-label="Maya Chen's access in Support bot"
      sources={[
        { label: "Developer", detail: "Project role" },
        { label: "Billing", detail: "Organization role" },
      ]}
      groups={withGrants(PROJECT_GROUPS, { Developer: DEVELOPER })}
      action={<Button size="sm">See every right</Button>}
    />

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

Props

action
ReactNode
An action after the rows, such as a button that opens every right.
aria-label
string
The accessible name of the list.
groups
RightsGroup[]
The same groups as RightsMatrix; only granted, label and code are read.
sources
RightSource[]
What the access comes from, as chips above the rows: the member's roles.