Popover
Floating content panels that appear on trigger. In Tinted Trays v6, popovers default to a lightly tinted surface and can be inverted to a white surface per context.
Basic Popover
A simple popover with text content in a clean floating panel.
Form Popover
Popover containing form elements for inline editing.
Alignment Options
Popovers can align to start, center, or end of the trigger.
Icon Button Triggers
Compact icon buttons that reveal additional content on interaction.
Rich Content
Popover with nested elements demonstrating the capsule-within-tray pattern.
Inverted Canvas
Tinted canvas block with a white popover surface.
User Settings
Manage preferences