Pending
FeedbackStable
Pending state wrapper that blocks pointer/click/keyboard events and sets aria-busy while an async operation is in progress.
Quick Import
import { Pending } from "@cohere-ai/waypoint-ui/pending";Live Preview
Loading Pending...
Props
| Name | Type | Default | Description |
|---|---|---|---|
id (usePending) | string | - | Unique identifier |
isPending (usePending) | boolean | false | Pending state |
disabled (usePending) | boolean | false | Disabled state |
Examples
Pending Button
Button wrapped in Pending state during save
1 import { Pending, usePending } from '@cohere-ai/waypoint-ui/pending'; 2 import { Button } from '@cohere-ai/waypoint-ui/button'; 3 4 const { pendingProps, isPending } = usePending({ id: 'save', isPending: isSaving }); 5 6 <Pending {...pendingProps}> 7 <Button>{isPending ? 'Saving...' : 'Save'}</Button> 8 </Pending>
Additional Resources
Found an Issue?
If you've encountered a bug or have feedback about the Pending component, please report it to our team. Your feedback helps us improve Waypoint.
Available for all users • Issue will be created in Linear
Was this page helpful?
Your feedback helps us improve our documentation.
Need Help?
Check out the Whitelabeling Playground to explore customization options or visit the Developer Guide for integration help.