常用公共组件 | Valaxy Addon Components

安装

valaxy-addon-components 是 valaxy 的一个插件，它内置了一些公共第三方组件，譬如 Codepen <CodePen />。

bash

pnpm add -D valaxy-addon-components

// valaxy.config.ts
import { defineValaxyConfig } from 'valaxy'
import { addonComponents } from 'valaxy-addon-components'

export default defineValaxyConfig({
  addons: [
    addonComponents(),
  ],
})

更多使用示例如下。

插入 CodePen

使用

vue

<!-- needed -->
<CodePen id="WqXGpo" user="YunYouJun" />

<!-- 自定义插槽（ CodePen 默认展示未加载完时显示的内容） -->
<CodePen id="WqXGpo" user="YunYouJun">
  <span> Custom Slot </span>
</CodePen>

<!-- all parameters -->
<CodePen class="h-300px" name="Margin Collapse" id="WqXGpo" user="YunYouJun" tab="html,result" />

See the Pen Margin Collapse by YunYouJun (@YunYouJun) on CodePen.

安装 ​

插入 CodePen ​

使用 ​

安装

插入 CodePen

使用