AI & Agents
Expiry Timer
Countdown until an approval or permission request lapses — amber at the end, red once expired.
Usage
Expires in
Installation
npm install @wunderui/reactThen import what you need:
import { ExpiryTimer } from "@wunderui/react"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 |
|---|---|---|
| expiresAt | Date | string | number | — |
| warnAt | number (ms) | 60000 |
| onExpire | () => void | — |
| label / expiredLabel | ReactNode | "Expires in" / "Expired" |