Mirakl Design
Mirakl Design
  • Getting started
    • Welcome to Roma
      • Design principles
  • Design
    • Components
      • Actions
        • Action menu
        • Buttons
        • Button group
        • File download
        • Save bar
        • Tasklist
        • Contextual Toolbar
      • Datalist
      • Datatable
      • Feedback
        • Alerts
        • Activity Loader
        • Badge (status)
        • Empty state
        • Snackbar
      • Form
        • Fields
        • Pickers
        • Selection controls
        • Tree
      • Images
        • Illustrations
        • Icons
        • Media
      • Navigation
        • Hyperlink
        • Page title
        • Sidebar
        • Top bar
      • Overlays
        • Modal
        • Popover
        • Tooltip
        • Side Drawer
      • Structure
        • Global layout
        • Panel
          • Activable Panel
          • Clickable Panel
          • Expandable Panel
          • Panel tabs
          • Totalizer Panel
        • Card
    • Patterns
      • Advanced selection
      • Configure options
      • Displaying data
      • Displaying history
      • Errors
      • Forms
        • Form - Creation mode
        • Form - Edition mode
        • Form - In a modal
        • Error Management
        • Stepper form
        • Onboarding form
      • Loading
      • Progressive disclosure
  • content
    • Writing for Mirakl
      • Grammar and formatting
    • Vocabulary
      • Mirakl products
      • Which verb to use
Powered by GitBook
On this page
  • Overview
  • Guidelines
  • When to use
  • When not to use
  • Content

Was this helpful?

  1. Design
  2. Components
  3. Overlays

Popover

An overlay for larger amounts of data.

Last updated 1 year ago

Was this helpful?

Overview

A popover is an overlay that appears above page content and can contain formatted text. Popover appears when rolling over, clicking, or tapping an element.

Guidelines

Its content can be structured with a title and paragraphs, and placement can be customized.

Limit the use of popovers, as they can become overwhelming.

When to use

  • When you need to display additional content to give more context to users.

  • When this additional content is longer than one sentence or needs to be formatted.

When not to use

Content

For smaller overlays. Use instead.

Popover content should follow our .

tooltip
content guidelines