← ClaudeAtlas

platform-blocks-feedback-overlayslisted

Show feedback and overlays with the @platform-blocks/ui React Native library. Use when raising notifications with Toast/ToastProvider/useToast, opening modals, bottom sheets or confirm prompts with Dialog/DialogProvider/useDialog/useSimpleDialog, attaching anchored overlays (Popover, Menu/MenuDropdown/MenuItem, Tooltip, ContextMenu), rendering inline messages with Alert, or showing loading and progress state (Loader, LoadingOverlay, Overlay, Progress, Ring, Skeleton), including open-state management with useDisclosure.
platform-blocks/skills · ★ 0 · AI & Automation · score 70
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