AI & Agents
Scope List
What an agent asks to access, one scope per row, with a countdown until the request lapses.
Usage
Requested access
Expires in- Read the docs siteapps/docs · 412 files
- Write tokenspackages/react/src/styles.css
- Open a pull requestKl-webmedia/wunderui · branch tokens-sync
Installation
npm install @wunderui/reactThen import what you need:
import { ScopeList } from "@wunderui/react"Examples
Expiring
Under a minute left — the timer in the header turns amber.
Requested access
Expires in- Read the docs siteapps/docs · 412 files
- Write tokenspackages/react/src/styles.css
- Open a pull requestKl-webmedia/wunderui · branch tokens-sync
In context
How the component is used inside real screens — the same compositions as the Usage section of the Figma page.
Permission request in an approval
An Approval Card of kind permission: the scopes and their countdown live in a ScopeList.
Access the WunderUI repository
Medium riskNeeded to sync tokens from Figma and open a pull request.
2 min ago
Requested access
Expires in- Read the docs siteapps/docs · 412 files
- Write tokenspackages/react/src/styles.css
- Open a pull requestKl-webmedia/wunderui · branch tokens-sync
API Reference
| Prop | Type | Default |
|---|---|---|
| scopes | { id?: string; icon?: ReactNode; title: ReactNode; detail?: ReactNode }[] | — |
| title | ReactNode | "Requested access" |
| expiresAt | Date | string | number | no timer |
| warnAt / onExpire | number / () => void | — |
| bare | boolean | false |