PermissionList
What an app will and will not be able to do, one plain sentence per line (OAuth consent).
Examples
Can and can’t
Put a heading above each list: the ✓ and ✕ are decorative.
Light
- Find and call tools on your servers, and load your skillsmcp
- See your passkeys or change how you sign in
Dark
- Find and call tools on your servers, and load your skillsmcp
- See your passkeys or change how you sign in
<PermissionList items={[{ label: 'Find and call tools…', detail: <InlineCode>mcp</InlineCode> }]} />
<PermissionList items={[{ label: 'See your passkeys…', allowed: false }]} />Usage
import { PermissionList } from '@switchboard/ui'
import { PermissionList } from '@switchboard/ui'Props
Every component also takes mix, for css() and mixins applied after its own style.
PermissionList
| Prop | Type | Default | Description |
|---|---|---|---|
| items* | { label, detail?, allowed? }[] | – | allowed: false shows ✕ and quieter text. |
Also accepts every <ul> attribute.
Accessibility
- A plain <ul>; the icons are aria-hidden, so the heading above carries can or can’t.
Guidance
Do
- Say what it does in the user’s words; the scope name goes in detail.
Don’t
- List things it cannot do that are not true for every grant.