Plot Text
Overview
Use the <VPPlot> component to display plot text with more flexible control over behavior.
This component is available by default.
To change the site-wide defaults, pass an object via markdown.plot:
import { defineUserConfig } from 'vuepress'
import { plumeTheme } from 'vuepress-theme-plume'
export default defineUserConfig({
theme: plumeTheme({
markdown: {
plot: {
trigger: 'click',
},
},
}),
})Props
Trigger on mouse hover or click
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
