Overview

Use the <VPPlot> component to display plot text with more flexible control over behavior.

This component is disabled by default and needs to be enabled in the theme configuration.

.vuepress/config.ts

export default defineUserConfig({
  theme: plumeTheme({
    markdown: {
      plot: true,
    },
  })
})

Props

Name:trigger

Optional

Type:'hover' | 'click'

Default:'hover'

Trigger on mouse hover or click

Name:effect

Optional

Type:'blur' | 'mask'

Default:'mask'

Mask layer effect or text blur effect

Examples

Input:

- Hover - <VPPlot>Visible on hover</VPPlot>
- Click - <VPPlot trigger="click">Visible on click</VPPlot>

Output:

• Hover - Visible on hover
• Click - Visible on click

Contributors

pengzhanbo

Changelog

9/12/26, 10:04 AM

View All Changelog

• 7a454-feat(plugin-md-power): drop optional tag in field container (#987)on 9/12/26
• 1d04d-feat: add builtin auto-import-components (#932)on 9/9/26
• 16c2d-docs: update field containeron 6/8/26
• 38505-docs: update en docs (#708)on 10/9/25

Edit this page

Previous pageIcon

Next pageCard