platform-blocks-feedback-overlayslisted
Install: claude install-skill platform-blocks/skills
# Platform Blocks Feedback & Overlays
Everything that appears *over* or *about* the current screen in
`@platform-blocks/ui` — notifications, modals, anchored dropdowns, inline
messages, and loading state. All imports are from the package root:
```tsx
import {
ToastProvider, useToast, Toast,
Dialog, DialogProvider, useDialog, useSimpleDialog,
Popover, Menu, MenuDropdown, MenuItem, Tooltip, ContextMenu,
Alert, Overlay, LoadingOverlay, Loader, Progress, Ring, Skeleton,
useDisclosure,
} from '@platform-blocks/ui';
```
Four reference files sit alongside this one:
- `references/api.md` — the curated API: how the pieces compose, the union
types, the defaults that bite. **Read this first.**
- `references/props.md` — generated, exhaustive prop tables for every component
in this skill. Look here for the complete surface of a single prop.
- `references/icons.md` — generated, every `name` the built-in `Icon` registry
accepts. Check it before writing `<Icon name="…">`; unlisted names render
nothing.
- `references/patterns.md` — complete copy-paste screens.
## Pick the right component
| Need | Use |
| --- | --- |
| Transient "it worked" / "it failed" message | `useToast()` |
| Blocking decision or a form over the screen | `Dialog` (or `useSimpleDialog`) |
| Persistent message *inside* the page flow | `Alert` |
| Rich content anchored to a trigger | `Popover` |
| A list of actions anchored to a trigger | `Menu` |
| Short text hint on hover/focus | `Tooltip` |
| Right