Skip to content
PageSugar 33 components
Search components
Categories Site navigation

Disclosure, overlays, and contextual interaction

Menus, dialogs, drawers and tooltips that reveal information in context.

Controls and forms 3 components
Filters
Kind
Integration level
Dependencies

No extra packages or services: Svelte and Tailwind CSS prerequisites still apply.

Runtime
Capabilities

Category: Overlays

Components

3 components

  • Modal dialog

    A modal dialog for a focused task: title, optional description, a body that scrolls on its own and a raised footer band of actions, with focus held inside and returned to the opener.

    • Control
    • bits-ui ^2.19.3

  • Content tabs

    Tabs that switch between related panels: an underline row or a segmented pill track, horizontal or as a vertical rail, with optional icons and count badges, overflow scrolling and manual activation.

    • Control
    • bits-ui ^2.0.0
    • Dark mode

  • Accordion

    A group of headed panels that open one at a time or several at once, set as one hairline panel of rows or as separate cards. Each row can carry its current value, so closed rows still read as a summary.

    • Control
    • No additional dependencies