← 返回首页

Overlays

p-modal — Dialog modal

Are you sure you want to delete this document? This action cannot be undone.

A small modal for quick confirmations or notices.

A larger modal suitable for forms, previews, or detailed content.

Press Escape or click backdrop to close.

p-slideover — Side panel

Adjust your preferences below.
Overview
Components
Documentation
Settings

p-popover — Rich floating content

Paper Popover

Rich content with any HTML. Click outside to close.

Hover trigger — opens on mouse over.

Placed on the right side.

p-tooltip — Hover tooltip

Underlined text

p-context-menu — Right-click menu

Right-click here to open context menu

p-toast — Toast notifications

p-tour — Product tour

Step 3: Target

p-watermark — Diagonal watermark

Default watermark

Content with subtle diagonal watermark in the background.
CONFIDENTIAL document

Larger text watermark at higher opacity.