vuepress-theme-plume/docs/en/guide/components/plot.md

title, icon, createTime, permalink

title	icon	createTime	permalink
Plot Text	lets-icons:hide-eye	2025/10/08 23:02:39	/en/guide/components/plot/

Overview

Use the <Plot> 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.

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

Props

:::: field-group

::: field name="trigger" type="'hover' | 'click'" default="'hover'" optional Trigger on mouse hover or click :::

::: field name="effect" type="'blur' | 'mask'" default="'mask'" optional Mask layer effect or text blur effect :::

::::

Examples

Input:

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

Output:

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