base-ui-dialogs-and-anchored-popups
Base UI Dialogs and Anchored Popups
Use this skill for popup/dialog families that are primarily about focus, positioning, and modal lifecycles.
Covered family
- Alert Dialog
- Dialog
- Drawer
- Popover
- Preview Card
- Tooltip
Routing cues
- "portal", "positioning", "focus return", "escape", "initialFocus", "finalFocus", "open change", "modal popup", "anchored popup" → this skill
- Menus, navigation surfaces, toolbar, or toast systems → route to
base-ui-menus-navigation-and-toast
Canonical references
- https://base-ui.com/react/components/alert-dialog
- https://base-ui.com/react/components/dialog
- https://base-ui.com/react/components/drawer
- https://base-ui.com/react/components/popover
- https://base-ui.com/react/components/preview-card
- https://base-ui.com/react/components/tooltip
Maintenance
- Snapshot date: 2026-03-10
- Refresh cadence: quarterly
- Upstream changelog anchor: https://github.com/mui/base-ui/blob/master/CHANGELOG.md
References
More from dobroslavradosavljevic/skills
base-ui-typescript-surface
Use for Base UI namespace contracts, change event types, generic render types, and wrapper typing patterns.
4base-ui-basic-primitives
Use for simple primitives with low integration complexity (Avatar, Button, Meter, Progress, Scroll Area, Separator).
4base-ui-root-providers
Use for CSP Provider, Direction Provider, and useDirection when wiring Base UI at the app root or across portals.
4base-ui-menus-navigation-and-toast
Use for Menu, Context Menu, Menubar, Navigation Menu, Toolbar, Toast, and shared command-surface patterns such as detached triggers and menu payloads.
4base-ui-forms-and-validation
Use for Base UI Field/Form primitives, validation flows, form controls, and advanced Number Field, Slider, and RadioGroup behavior.
4base-ui-disclosure-and-tabs
Use for stateful visibility components (Accordion, Collapsible) and tab navigation semantics.
4